#c9cbbe Color Hex Pale Celadon

Information about Pale Celadon Color | #0000FF

#c9cbbe color RGB value is (201,203,190). #c9cbbe color name is Pale Celadon color.

#c9cbbe hex color red value is 201 , green value is 203 and the blue value of its RGB is 190 . Cylindrical-coordinate representations (also known as HSL) of color #c9cbbe hue: 69 , saturation: 11 and the lightness value of #c9cbbe is 77

The process color (four color CMYK) of #c9cbbe color hex is 0 , 0 ,3, 8 .

#c9cbbe

~Pale Celadon

Color Converions

HEX
#c9cbbe
RGB
201,203,190
LAB
81,-2,6
CMYK
1,0,6,20
LCH
81,7,111
XYZ
55,59,57
HSV
69,6,80
HSL
69,11,77

Base Numbers

Base Red Green Blue
Binary 11001001 11001011 10111110
Octal 311 313 276
Decimal 201 203 190
Hex c9 cb be

RGB Percentages of Color #c9cbbe

79%
80%
75%

CMYK Percentages of Color #c9cbbe

0%
3%
0%
8%

Color Variations

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

Shades of #c9cbbe

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

10%
#c9cbbe
20%
#b5b7ab
30%
#a1a298
40%
#8d8e85
50%
#797a72
60%
#64665f
70%
#50514c
80%
#3c3d39
90%
#282926
100%
#141413

Tints of #c9cbbe

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

10%
#c9cbbe
20%
#ced0c5
30%
#d4d5cb
40%
#d9dbd2
50%
#dfe0d8
60%
#e4e5df
70%
#e9eae5
80%
#efefec
90%
#f4f5f2
100%
#fafaf9

Tones of #c9cbbe

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

10%
#c9cbbe
20%
#c2c3b8
30%
#babcb2
40%
#b3b4ab
50%
#acada5
60%
#a4a59f
70%
#9d9e98
80%
#969692
90%
#8e8f8c
100%
#878786

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.
#c9cbbe
#cbc8be
#cbcabe
#c9cbbe
#c6cbbe
#c4cbbe

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#c9cbbe
#becbc3
#c8becb

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#c9cbbe
#bec9cb
#cbbec9

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.
#c9cbbe
#becbc6
#c0becb
#cbbec2

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#c9cbbe
#f3f5e6
#21211f
#4b4b47
#75766e
#9fa096

Blindness simulator

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

Normal

#c9cbbe

protanopia

#cfc8bc

deuteranopia

#e0c2bf

tritanopia

#ccc6d5

achromatopsia

#cacaca

protanomaly

#cdc9bc

deuteranomaly

#d8c5bf

achromatopsia

#cacaca

tritanomaly

#cbc8cd

achromatomaly

#c9cac5

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 13/21
Hello World !

#c9cbbe Color CSS Codes

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

#c9cbbe Text Font Color

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

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

#c9cbbe Background Color

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

#c9cbbe Border Color

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

This div border color is #c9cbbe

#c9cbbe Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #c9cbbe

More Colors

Chin-Chin Cherry
#dd3355
Lush Plains
#22bb22
Manila Tint
#ffe2a7
Blue Wing Teal
#2c4053
Parisian Cafè
#a49085
Celestial Plum
#3c7ac2
Distant Valley
#c2b79a
Dragon's Blood
#b84048
Blue Radiance
#58c9d4
Creamy Peach
#f4a384
Bright Halo
#ffd266
Fantasy Romance
#e83a72
Magic Moments
#e9dbe0
Inuit White
#d1cdd0
Olive Pit
#a9a491
Morel
#685c53
Modern Ivory
#f5ecdc
Glass Bottle
#93ba59
Pinkish Purple
#d648d7
Creamy Sunshine Pastel
#fffbb0
Clay Creek
#897e59
Holly Leaf
#2e5a50
Ink Black
#252024
Dark Red Brown
#4a2125
Grey Cloth
#ccc9c5
Falcon Turquoise
#007062
Hooker's Green
#49796b
Pinard Yellow
#f4c701
Earthling
#ded6c7
German Hop
#89ac27
Brunswick Green
#1b4d3e
Gold Tips
#e2b227
Lotion
#fefdfa
Honey Pot
#ffc863
Green Fiasco
#aaee00
Lynch
#697d89
Plaza Taupe
#aea393
Aztec Warrior
#bb0066
Candied Yam
#f4935b
Graham Crust
#806240
rating-img
Rate this tool
NaN/5   0 votes