#afbec1 Color Hex Arctic Feelings

Information about Arctic Feelings Color | #0000FF

#afbec1 color RGB value is (175,190,193). #afbec1 color name is Arctic Feelings color.

#afbec1 hex color red value is 175 , green value is 190 and the blue value of its RGB is 193 . Cylindrical-coordinate representations (also known as HSL) of color #afbec1 hue: 190 , saturation: 13 and the lightness value of #afbec1 is 72

The process color (four color CMYK) of #afbec1 color hex is 4 , 1 ,0, 10 .

#afbec1

~Arctic Feelings

Color Converions

HEX
#afbec1
RGB
175,190,193
LAB
76,-5,-3
CMYK
9,2,0,24
LCH
76,6,-145
XYZ
46,50,58
HSV
190,9,76
HSL
190,13,72

Base Numbers

Base Red Green Blue
Binary 10101111 10111110 11000001
Octal 257 276 301
Decimal 175 190 193
Hex af be c1

RGB Percentages of Color #afbec1

69%
75%
76%

CMYK Percentages of Color #afbec1

4%
0%
1%
10%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #afbec1

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#afbec1
20%
#9eabae
30%
#8c989a
40%
#7b8587
50%
#697274
60%
#585f61
70%
#464c4d
80%
#35393a
90%
#232627
100%
#121313

Tints of #afbec1

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#afbec1
20%
#b7c5c7
30%
#bfcbcd
40%
#c7d2d4
50%
#cfd8da
60%
#d7dfe0
70%
#dfe5e6
80%
#e7ecec
90%
#eff2f3
100%
#f7f9f9

Tones of #afbec1

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#afbec1
20%
#aab8ba
30%
#a5b2b4
40%
#a1abad
50%
#9ca5a7
60%
#979fa0
70%
#92989a
80%
#8e9293
90%
#898c8d
100%
#848686

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#afbec1
#afc1bd
#afc1c0
#afbec1
#afbac1
#afb7c1

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#afbec1
#c1b2af

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#afbec1
#b6afc1
#c1bdaf

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#afbec1
#c1afbe
#bec1af

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#afbec1
#bbafc1
#c1b2af
#b5c1af

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#afbec1
#d6e8eb
#151717
#3b4041
#626a6c
#889496

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#afbec1

protanopia

#bcb9be

deuteranopia

#c8b4c2

tritanopia

#b0bbca

achromatopsia

#bbbbbb

protanomaly

#b7bbbf

deuteranomaly

#bfb8c2

achromatopsia

#bbbbbb

tritanomaly

#afbcc6

achromatomaly

#b7bcbd

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 11/21
Hello World !

#afbec1 Color CSS Codes

.bgcolor {background-color:#afbec1; } 
.forecolor {color:#afbec1; }
.bordercolor {border:3px solid #afbec1; }
            

#afbec1 Text Font Color

<div style="color:#afbec1">
Div content here</div>

This sample text font color is #afbec1
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#afbec1 Background Color

<div style="background-color:#afbec1">
Div content here</div>
Div content here

#afbec1 Border Color

<div style="border:3px solid #afbec1">
Div here</div>

This div border color is #afbec1

#afbec1 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #afbec1; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #afbec1; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #afbec1;
  -webkit-box-shadow: 1px 1px 3px 2px #afbec1;
  box-shadow: 1px 1px 3px 2px #afbec1; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #afbec1">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #afbec1;
              -webkit-box-shadow: 1px 1px 3px 2px #afbec1;
              box-shadow:         1px 1px 3px 2px #afbec1#afbec1">
Div content here</div>

This div box has shadow with color #afbec1

More Colors

Eggwhite
#f3e5d2
Greening
#dfe4d5
Marzipan
#ebc881
Melon Water
#fdbcb4
March Tulip Green
#d4c978
Ginger Ale Fizz
#f5dfbc
Kyoto Pearl
#dfd6d1
Dipped in Cream
#fcf6eb
Celluloid
#515153
Clear Vista
#a3bec4
Green Wave
#c3dcd5
Grey Placidity
#dddde2
Bleached Pebble
#d9d1ba
Obsidian Shard
#060313
Light Continental Waters
#afd5d8
Chateau Green
#419f59
Chambray Blue
#9eb4d3
Bali Batik
#6f5937
Coconut Shell
#917a56
Delaunay Green
#aab350
Light Opus
#dad7e8
Blue Martini
#52b4d3
Network Grey
#a0a5a7
Deer Run
#b2a69a
Carbon Dating
#565b58
Basketball
#ee6730
Midsummer Field
#88cc44
Ghost Grey
#9c9b98
Mix Or Match
#ccccba
Lolly Ice
#a6dad0
Pheasant's Egg
#e0dcd7
Delicate Blush
#efd7d1
Blue Marguerite
#6a5bb1
Leafy Canopy
#aacc11
Grape Haze
#606a88
Blithe
#0084bd
Cider Toddy
#b98033
Broken Tube
#060310
Aspen Aura
#83a494
Bluerocratic
#1f66ff
rating-img
Rate this tool
NaN/5   0 votes