#afbfc9 Color Hex Liberty Grey

Information about Liberty Grey Color | #0000FF

#afbfc9 color RGB value is (175,191,201). #afbfc9 color name is Liberty Grey color.

#afbfc9 hex color red value is 175 , green value is 191 and the blue value of its RGB is 201 . Cylindrical-coordinate representations (also known as HSL) of color #afbfc9 hue: 203 , saturation: 19 and the lightness value of #afbfc9 is 74

The process color (four color CMYK) of #afbfc9 color hex is 5 , 2 ,0, 8 .

#afbfc9

~Liberty Grey

Color Converions

HEX
#afbfc9
RGB
175,191,201
LAB
76,-4,-7
CMYK
13,5,0,21
LCH
76,8,-121
XYZ
47,51,63
HSV
203,13,79
HSL
203,19,74

Base Numbers

Base Red Green Blue
Binary 10101111 10111111 11001001
Octal 257 277 311
Decimal 175 191 201
Hex af bf c9

RGB Percentages of Color #afbfc9

69%
75%
79%

CMYK Percentages of Color #afbfc9

5%
0%
2%
8%

Color Variations

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

Shades of #afbfc9

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

10%
#afbfc9
20%
#9eacb5
30%
#8c99a1
40%
#7b868d
50%
#697379
60%
#585f64
70%
#464c50
80%
#35393c
90%
#232628
100%
#121314

Tints of #afbfc9

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

10%
#afbfc9
20%
#b7c5ce
30%
#bfccd4
40%
#c7d2d9
50%
#cfd9df
60%
#d7dfe4
70%
#dfe5e9
80%
#e7ecef
90%
#eff2f4
100%
#f7f9fa

Tones of #afbfc9

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

10%
#afbfc9
20%
#aab9c2
30%
#a5b2ba
40%
#a1acb3
50%
#9ca6ac
60%
#979fa4
70%
#92999d
80%
#8e9396
90%
#898c8e
100%
#848687

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.
#afbfc9
#afc9c9
#afc4c9
#afbfc9
#afbac9
#afb5c9

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#afbfc9
#beafc9
#c9c9af

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#afbfc9
#c9afbf
#bfc9af

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.
#afbfc9
#c6afc9
#c9b9af
#b2c9af

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#afbfc9
#d4e7f3
#1b1d1f
#404649
#656e74
#8a979e

Blindness simulator

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

Normal

#afbfc9

protanopia

#bbbac6

deuteranopia

#c7b6ca

tritanopia

#aebdcc

achromatopsia

#bcbcbc

protanomaly

#b7bcc7

deuteranomaly

#beb9ca

achromatopsia

#bcbcbc

tritanomaly

#afbecb

achromatomaly

#b7bdc1

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 !

#afbfc9 Color CSS Codes

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

#afbfc9 Text Font Color

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

This sample text font color is #afbfc9
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.

#afbfc9 Background Color

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

#afbfc9 Border Color

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

This div border color is #afbfc9

#afbfc9 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #afbfc9

More Colors

Panela
#9b5227
Blissful Blue
#b2c8d8
God’s Own Junkyard Pink
#f56991
Bath Turquoise
#62baa8
Double Espresso
#54423e
Parma Plum Red
#5e3958
Hurricane
#8b7e77
Delicate Blue
#bcdfe8
Natural Yellow
#eed88b
Overnight Oats
#fbf0db
Hot Chocolate
#683b39
Lucky
#ab9a1c
Mist Green
#aacebc
Oyster Grey
#cbc1ae
Fioletowy Beige
#fffce3
Peach Damask
#f6c4a6
Dimple
#e9808b
Hunt Club Brown
#938370
Langoustino
#ca6c56
Crumbling Statue
#cabfb4
Celestial Moon
#e3d4b9
Coated
#2e2f30
Dream of Spring
#f7cf26
Mango
#ffa62b
Mellow Mauve
#996378
Dioptase Green
#439e8d
Off The Grid
#b8aea4
Alice White
#c2ced2
Aztec Brick
#9e8352
Field Frost
#cee9e8
Congo
#e8c3be
Akebono Dawn
#fa7b62
Immortality
#945b7f
Baharroth Blue
#58c1cd
Fabulous Forties
#ddcdab
Dirty Snow
#cdced5
Copra
#654636
Evening Green
#7c7a3a
Pink Gin
#dfa3ba
rating-img
Rate this tool
NaN/5   0 votes