#c0d4f2 hex color

In a RGB color space, hex #c0d4f2 is composed of 75.3% red, 83.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 12.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 216 degrees, a saturation of 65.8% and a lightness of 85.1%. #c0d4f2 color hex could be obtained by blending #ffffff with #81a9e5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 75
- G 83
- B 95
RGB color chart
- C 21
- M 12
- Y 0
- K 5
CMYK color chart

● #c0d4f2 color description : Very soft blue.

The hexadecimal color #c0d4f2 has RGB values of R:192, G:212, B:242 and CMYK values of C:0.21, M:0.12, Y:0, K:0.05. Its decimal value is 12637426.

Hex triplet	c0d4f2	`#c0d4f2`
RGB Decimal	192, 212, 242	`rgb(192,212,242)`
RGB Percent	75.3, 83.1, 94.9	`rgb(75.3%,83.1%,94.9%)`
CMYK	21, 12, 0, 5
HSL	216°, 65.8, 85.1	`hsl(216,65.8%,85.1%)`
HSV (or HSB)	216°, 20.7, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.331, -0.453, -16.952
XYZ	61.305, 64.703, 93.259
xyY	0.28, 0.295, 64.703
CIE-LCH	84.331, 16.958, 268.47
CIE-LUV	84.331, -11.928, -26.709
Hunter-Lab	80.438, -4.725, -12.433
Binary	11000000, 11010100, 11110010

#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#f2dec0
```
#f2dec0 rgb(242,222,192)
```

Complementary Color

#c0edf2
```
#c0edf2 rgb(192,237,242)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#c5c0f2
```
#c5c0f2 rgb(197,192,242)
```

Analogous Color

#edf2c0
```
#edf2c0 rgb(237,242,192)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#f2c5c0
```
#f2c5c0 rgb(242,197,192)
```

Split Complementary Color

#d4f2c0
```
#d4f2c0 rgb(212,242,192)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#f2c0d4
```
#f2c0d4 rgb(242,192,212)
```

Triadic Color

#c0f2de
```
#c0f2de rgb(192,242,222)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#f2c0d4
```
#f2c0d4 rgb(242,192,212)
```
#f2dec0
```
#f2dec0 rgb(242,222,192)
```

Tetradic Color

#81a9e5
```
#81a9e5 rgb(129,169,229)
```
#96b7e9
```
#96b7e9 rgb(150,183,233)
```
#abc6ee
```
#abc6ee rgb(171,198,238)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#d5e2f6
```
#d5e2f6 rgb(213,226,246)
```
#eaf1fb
```
#eaf1fb rgb(234,241,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c0e1f2
```
#c0e1f2 rgb(192,225,242)
```
#c0dcf2
```
#c0dcf2 rgb(192,220,242)
```
#c0d8f2
```
#c0d8f2 rgb(192,216,242)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#c0d0f2
```
#c0d0f2 rgb(192,208,242)
```
#c0ccf2
```
#c0ccf2 rgb(192,204,242)
```
#c0c8f2
```
#c0c8f2 rgb(192,200,242)
```

Similar Colors

Text with hexadecimal color #c0d4f2

This text has a font color of #c0d4f2.

<span style="color:#c0d4f2;">Text here</span>

#c0d4f2 background color

This paragraph has a background color of #c0d4f2.

<p style="background-color:#c0d4f2;">Content here</p>

#c0d4f2 border color

This element has a border color of #c0d4f2.

<div style="border:1px solid #c0d4f2;">Content here</div>

CSS codes

.text {color:#c0d4f2;}

.background {background-color:#c0d4f2;}

.border {border:1px solid #c0d4f2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000102 is the darkest color, while #f1f5fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#071223
```
#071223 rgb(7,18,35)
```
#0a1b33
```
#0a1b33 rgb(10,27,51)
```
#0e2343
```
#0e2343 rgb(14,35,67)
```
#112c53
```
#112c53 rgb(17,44,83)
```
#153464
```
#153464 rgb(21,52,100)
```
#183d74
```
#183d74 rgb(24,61,116)
```
#1b4584
```
#1b4584 rgb(27,69,132)
```
#1f4e94
```
#1f4e94 rgb(31,78,148)
```
#2256a5
```
#2256a5 rgb(34,86,165)
```
#255fb5
```
#255fb5 rgb(37,95,181)
```
#2967c5
```
#2967c5 rgb(41,103,197)
```

Shade Color Variation

#2e70d4
```
#2e70d4 rgb(46,112,212)
```
#3e7bd7
```
#3e7bd7 rgb(62,123,215)
```
#4e86db
```
#4e86db rgb(78,134,219)
```
#5e91de
```
#5e91de rgb(94,145,222)
```
#6f9de1
```
#6f9de1 rgb(111,157,225)
```
#7fa8e5
```
#7fa8e5 rgb(127,168,229)
```
#8fb3e8
```
#8fb3e8 rgb(143,179,232)
```
#9fbeeb
```
#9fbeeb rgb(159,190,235)
```
#b0c9ef
```
#b0c9ef rgb(176,201,239)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#d0dff5
```
#d0dff5 rgb(208,223,245)
```
#e1eaf9
```
#e1eaf9 rgb(225,234,249)
```
#f1f5fc
```
#f1f5fc rgb(241,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #d7d9db is the less saturated color, while #b4d2fe is the most saturated one.

#d7d9db
```
#d7d9db rgb(215,217,219)
```
#d4d8de
```
#d4d8de rgb(212,216,222)
```
#d2d8e0
```
#d2d8e0 rgb(210,216,224)
```
#cfd7e3
```
#cfd7e3 rgb(207,215,227)
```
#ccd6e6
```
#ccd6e6 rgb(204,214,230)
```
#c9d6e9
```
#c9d6e9 rgb(201,214,233)
```
#c6d5ec
```
#c6d5ec rgb(198,213,236)
```
#c3d5ef
```
#c3d5ef rgb(195,213,239)
```
#c0d4f2
```
#c0d4f2 rgb(192,212,242)
```
#bdd3f5
```
#bdd3f5 rgb(189,211,245)
```
#bad3f8
```
#bad3f8 rgb(186,211,248)
```
#b7d2fb
```
#b7d2fb rgb(183,210,251)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```

Tone Color Variation

Below, you can see how #c0d4f2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#d1d1d1 Achromatopsia 0.005% of the population
#ced2d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3f0 Protanopia 1% of men
#d8cff4 Deuteranopia 1% of men
#c0d8e7 Tritanopia 0.001% of the population

Trichromacy

#c9d3f1 Protanomaly 1% of men, 0.01% of women
#cfd1f3 Deuteranomaly 6% of men, 0.4% of women
#c0d6eb Tritanomaly 0.01% of the population

#c0d4f2 hex color

#c0d4f2 Color Information

#c0d4f2 Color Conversion

Color Schemes with #c0d4f2

Alternatives to #c0d4f2

#c0d4f2 Preview

Shades and Tints of #c0d4f2

Tones of #c0d4f2

Color Blindness Simulator