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

#CFD5F2

In a RGB color space, hex #CFD5F2 is composed of 81% red, 84% green and 95% blue. RGB color code is composed of a hexadecimal CF red (207/255), a D5 green (213/255) and a F2 blue component (242/255). The decimal RGB color code is rgb(207,213,242) In CMYK color space, it is composed of 14% cyan, 12% magenta, 0% yellow and 5% black. It has a hue angle of 229.71o degrees, a saturation of 57% and a lightness of 88%. Closest websafe color is: #ccccff rgb (204, 204, 255).

Color conversion

---

Convert color

---

The hexadecimal color #CFD5F2 has RGB values of R:207, G:213, B:242 and CMYK values of C:14, M:12, Y:0, K:5. Its decimal value is 13620722.Binary code is 110011111101010111110010
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color CFD5F2  #CFD5F2 RGB decimal 207, 213, 242  rgb(207, 213, 242) RGB % 81, 84, 95  rgb(81%, 84%, 95%) RGB Adobe 208, 212, 240 CMYK % 14, 12, 0, 5  14%, 12%, 0%, 5% HSL 229.71o, 57, 88  hsl(229.71o, 57%, 88%) HSV (HSB) 230o, 14%, 95%  hsv(230o, 14%, 95%)

Web Safe color #ccccff rgb (204, 204, 255) XYZ 65.553, 67.265 93.533 xyY 0.29, 0.3, 67.27 Hunter-Lab 82.02, 3.58, -15.23 CMY 19%, 16%, 5% Lab 85.49, 2.17, -15.02 Binary color CF D5 F2 11001111 11010101 11110010

Shades and tints of #CFD5F2

---

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: #292A30 is the darkest color, and: #F6F7FC is the lightest one.

Tint color variation #CFD5F2

#D6DBF4 rgb (214,219,244) #D6DBF4 #DCE0F6 rgb (220,224,246) #DCE0F6 #E1E5F7 rgb (225,229,247) #E1E5F7 #E6E9F8 rgb (230,233,248) #E6E9F8 #EAECF9 rgb (234,236,249) #EAECF9 #EDEFFA rgb (237,239,250) #EDEFFA #F0F1FB rgb (240,241,251) #F0F1FB #F2F3FC rgb (242,243,252) #F2F3FC #F4F5FC rgb (244,245,252) #F4F5FC #F6F7FC rgb (246,247,252) #F6F7FC

Shade color variation

#B0B5CE rgb (176,181,206) #B0B5CE #969AAF rgb (150,154,175) #969AAF #808395 rgb (128,131,149) #808395 #6D6F7F rgb (109,111,127) #6D6F7F #5D5E6C rgb (93,94,108) #5D5E6C #4F505C rgb (79,80,92) #4F505C #43444E rgb (67,68,78) #43444E #393A42 rgb (57,58,66) #393A42 #303138 rgb (48,49,56) #303138 #292A30 rgb (41,42,48) #292A30

Tones of #CFD5F2

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

#C7CDE7 rgb (199,205,231) #C7CDE7 #C0C5DD rgb (192,197,221) #C0C5DD #BABED4 rgb (186,190,212) #BABED4 #B4B8CC rgb (180,184,204) #B4B8CC #AFB2C4 rgb (175,178,196) #AFB2C4 #AAADBD rgb (170,173,189) #AAADBD #A6A9B7 rgb (166,169,183) #A6A9B7 #A2A5B2 rgb (162,165,178) #A2A5B2 #9FA1AD rgb (159,161,173) #9FA1AD #9C9EA9 rgb (156,158,169) #9C9EA9

Alternatives to #CFD5F2

---

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

#CF99F2 rgb (207,153,242) #CF99F2 #CFADF2 rgb (207,173,242) #CFADF2 #CFC1F2 rgb (207,193,242) #CFC1F2 #CFE9F2 rgb (207,233,242) #CFE9F2 #CFFDF2 rgb (207,253,242) #CFFDF2 #E3FFF2 rgb (227,255,242) #E3FFF2

Quick use #CFD5F2

---

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="#CFD5F2;">Text here</font>	<div style="background-color:#CFD5F2;">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="#CFD5F2;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#CFD5F2;">Text here</font> </div>

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

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

Pre-formatted code CFD5F2	code for script / programming
HTML, CSS:	= #CFD5F2; rgb(207, 213, 242)
Java:	= new Color(207, 213, 242)
.NET:	= Color.FromArgb (207, 213, 242);
Xojo:	= rgb (207, 213, 242, 0);
openGL:	= glColor3f (0.81f, 0.84f, 0.95f);
Swift:	= UIColor(red:0.81, green:0.84, blue:0.95, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.81 green:0.84 blue:0.95 alpha:1.00000];

Color schemes with #CFD5F2

---

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: 14% has a #CFD5F2 saturation. Adding 14% + 10% = 24% saturation for our new color #9BA3CC. Decreasing 14% - 10% = 4% saturation for other monochromatic color #F5F7FF. #f5f7ff rgb (245,247,255) #f5f7ff 4% saturation #f5b3b3 rgb (179,179,179) #f5b3b3 0% saturation #9ba3cc rgb (155,163,204) #9ba3cc 24% saturation #7680b3 rgb (118,128,179) #7680b3 34% 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. #DCD0F2 rgb (220,208,242) #DCD0F2 260o #CFD5F2 rgb (207,213,242) #CFD5F2 230o #D0E7F2 rgb (208,231,242) #D0E7F2 200o

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: #CFD5F2 has a 230o angle. Adding 230o + 180o = 50oo for our new complementary color #F2EDD0. #CFD5F2 rgb (207,213,242) #CFD5F2 230o #F2EDD0 rgb (242,237,208) #F2EDD0 50o

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: #CFD5F2 has a 230o angle. Adding 230o + 180o+30o = 80o for our first complementary color #E7F2D0. Decreasing 230o + 180o-30o = 20o for the second complementary color #F2DCD0. #F2DCD0 rgb (242,220,208) #F2DCD0 20o #CFD5F2 rgb (207,213,242) #CFD5F2 230o #E7F2D0 rgb (231,242,208) #E7F2D0 80o

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. #F2D0D6 rgb (242,208,214) #F2D0D6 350o #CFD5F2 rgb (207,213,242) #CFD5F2 230o #D6F2D0 rgb (214,242,208) #D6F2D0 110o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #F2D0D6 rgb (242,208,214) #F2D0D6 350o #CFD5F2 rgb (207,213,242) #CFD5F2 230o #F2EDD0 rgb (242,237,208) #F2EDD0 50o #D0F2ED rgb (208,242,237) #D0F2ED 170o