#C4D1DF color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #C4D1DF

#C4D1DF

In a RGB color space, hex #C4D1DF is composed of 77% red, 82% green and 87% blue. RGB color code is composed of a hexadecimal C4 red (196/255), a D1 green (209/255) and a DF blue component (223/255). The decimal RGB color code is rgb(196,209,223) In CMYK color space, it is composed of 12% cyan, 6% magenta, 0% yellow and 13% black. It has a hue angle of 211.11o degrees, a saturation of 30% and a lightness of 82%. Closest websafe color is: #cccccc rgb (204, 204, 204).

Color conversion

---

Convert color

---

The hexadecimal color #C4D1DF has RGB values of R:196, G:209, B:223 and CMYK values of C:12, M:6, Y:0, K:13. Its decimal value is 12898783.Binary code is 110001001101000111011111
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color C4D1DF  #C4D1DF RGB decimal 196, 209, 223  rgb(196, 209, 223) RGB % 77, 82, 87  rgb(77%, 82%, 87%) RGB Adobe 198, 208, 222 CMYK % 12, 6, 0, 13  12%, 6%, 0%, 13% HSL 211.11o, 30, 82  hsl(211.11o, 30%, 82%) HSV (HSB) 211o, 12%, 87%  hsv(211o, 12%, 87%)

Web Safe color #cccccc rgb (204, 204, 204) XYZ 58.885, 62.664 78.804 xyY 0.29, 0.31, 62.66 Hunter-Lab 79.16, -1.55, -8.22 CMY 23%, 18%, 13% Lab 83.16, -2.49, -8.54 Binary color C4 D1 DF 11000100 11010001 11011111

Shades and tints of #C4D1DF

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #27292B is the darkest color, and: #F3F7F9 is the lightest one.

Tint color variation #C4D1DF

#CDD8E4 rgb (205,216,228) #CDD8E4 #D5DEE8 rgb (213,222,232) #D5DEE8 #DBE3EB rgb (219,227,235) #DBE3EB #E0E7EE rgb (224,231,238) #E0E7EE #E5EBF1 rgb (229,235,241) #E5EBF1 #E9EEF3 rgb (233,238,243) #E9EEF3 #ECF1F5 rgb (236,241,245) #ECF1F5 #EFF3F7 rgb (239,243,247) #EFF3F7 #F1F5F8 rgb (241,245,248) #F1F5F8 #F3F7F9 rgb (243,247,249) #F3F7F9

Shade color variation

#A7B2BE rgb (167,178,190) #A7B2BE #8E97A2 rgb (142,151,162) #8E97A2 #79808A rgb (121,128,138) #79808A #676D75 rgb (103,109,117) #676D75 #585D63 rgb (88,93,99) #585D63 #4B4F54 rgb (75,79,84) #4B4F54 #404347 rgb (64,67,71) #404347 #36393C rgb (54,57,60) #36393C #2E3033 rgb (46,48,51) #2E3033 #27292B rgb (39,41,43) #27292B

Tones of #C4D1DF

A tone is produced by adding gray to any pure hue. In this case, #BDC9D6 is the less saturated color, and #989DA1 is the most saturated one.

#BDC9D6 rgb (189,201,214) #BDC9D6 #B7C2CD rgb (183,194,205) #B7C2CD #B2BBC5 rgb (178,187,197) #B2BBC5 #ADB5BE rgb (173,181,190) #ADB5BE #A9B0B8 rgb (169,176,184) #A9B0B8 #A5ABB2 rgb (165,171,178) #A5ABB2 #A1A7AD rgb (161,167,173) #A1A7AD #9EA3A9 rgb (158,163,169) #9EA3A9 #9BA0A5 rgb (155,160,165) #9BA0A5 #989DA1 rgb (152,157,161) #989DA1

Alternatives to #C4D1DF

---

Below, you can see some colors close to #C4D1DF. Having a set of related colors can be useful if you need an inspirational alternative or other close colors to your original color choice.

#C495DF rgb (196,149,223) #C495DF #C4A9DF rgb (196,169,223) #C4A9DF #C4BDDF rgb (196,189,223) #C4BDDF #C4E5DF rgb (196,229,223) #C4E5DF #C4F9DF rgb (196,249,223) #C4F9DF #D8FFDF rgb (216,255,223) #D8FFDF

Quick use #C4D1DF

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#C4D1DF;">Text here</font>	<div style="background-color:#C4D1DF;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#C4D1DF;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#C4D1DF;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #C4D1DF	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #C4D1DF;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #C4D1DF;

Box border html code	Text shadow with RGB values for color #C4D1DF
box border html code for color #C4D1DF	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #C4D1DF;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(196, 209, 223, 1.4);

Pre-formatted code C4D1DF	code for script / programming
HTML, CSS:	= #C4D1DF; rgb(196, 209, 223)
Java:	= new Color(196, 209, 223)
.NET:	= Color.FromArgb (196, 209, 223);
Xojo:	= rgb (196, 209, 223, 0);
openGL:	= glColor3f (0.77f, 0.82f, 0.87f);
Swift:	= UIColor(red:0.77, green:0.82, blue:0.87, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.77 green:0.82 blue:0.87 alpha:1.00000];

Color schemes with #C4D1DF

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 12% has a #C4D1DF saturation. Adding 12% + 10% = 22% saturation for our new color #8FA3B8. Decreasing 12% - 10% = 2% saturation for other monochromatic color #FAFCFF. #fafcff rgb (250,252,255) #fafcff 2% saturation #fa9e9e rgb (158,158,158) #fa9e9e 0% saturation #8fa3b8 rgb (143,163,184) #8fa3b8 22% saturation #6c849e rgb (108,132,158) #6c849e 32% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #C4C3DE rgb (196,195,222) #C4C3DE 241o #C4D1DF rgb (196,209,223) #C4D1DF 211o #C3DDDE rgb (195,221,222) #C3DDDE 181o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #C4D1DF has a 211o angle. Adding 211o + 180o = 31oo for our new complementary color #DED1C3. #C4D1DF rgb (196,209,223) #C4D1DF 211o #DED1C3 rgb (222,209,195) #DED1C3 31o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #C4D1DF has a 211o angle. Adding 211o + 180o+30o = 61o for our first complementary color #DDDEC3. Decreasing 211o + 180o-30o = 1o for the second complementary color #DEC4C3. #DEC4C3 rgb (222,196,195) #DEC4C3 1o #C4D1DF rgb (196,209,223) #C4D1DF 211o #DDDEC3 rgb (221,222,195) #DDDEC3 61o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #DEC3D0 rgb (222,195,208) #DEC3D0 331o #C4D1DF rgb (196,209,223) #C4D1DF 211o #D0DEC3 rgb (208,222,195) #D0DEC3 91o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #DEC3D0 rgb (222,195,208) #DEC3D0 331o #C4D1DF rgb (196,209,223) #C4D1DF 211o #DED1C3 rgb (222,209,195) #DED1C3 31o #C3DED1 rgb (195,222,209) #C3DED1 151o