#ceecf2 hex color

In a RGB color space, hex #ceecf2 is composed of 80.8% red, 92.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 2.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 190 degrees, a saturation of 58.1% and a lightness of 87.8%. #ceecf2 color hex could be obtained by blending #ffffff with #9dd9e5. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 81
- G 93
- B 95
RGB color chart
- C 15
- M 2
- Y 0
- K 5
CMYK color chart

● #ceecf2 color description : Light grayish cyan.

The hexadecimal color #ceecf2 has RGB values of R:206, G:236, B:242 and CMYK values of C:0.15, M:0.02, Y:0, K:0.05. Its decimal value is 13561074.

Hex triplet	ceecf2	`#ceecf2`
RGB Decimal	206, 236, 242	`rgb(206,236,242)`
RGB Percent	80.8, 92.5, 94.9	`rgb(80.8%,92.5%,94.9%)`
CMYK	15, 2, 0, 5
HSL	190°, 58.1, 87.8	`hsl(190,58.1%,87.8%)`
HSV (or HSB)	190°, 14.9, 94.9
Web Safe	ccffff	`#ccffff`

CIE-LAB	91.47, -8.555, -6.208
XYZ	71.473, 79.522, 95.583
xyY	0.29, 0.323, 79.522
CIE-LCH	91.47, 10.57, 215.964
CIE-LUV	91.47, -16.077, -8.215
Hunter-Lab	89.175, -12.992, -1.128
Binary	11001110, 11101100, 11110010

#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#f2d4ce
```
#f2d4ce rgb(242,212,206)
```

Complementary Color

#cef2e6
```
#cef2e6 rgb(206,242,230)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#cedaf2
```
#cedaf2 rgb(206,218,242)
```

Analogous Color

#f2e6ce
```
#f2e6ce rgb(242,230,206)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#f2ceda
```
#f2ceda rgb(242,206,218)
```

Split Complementary Color

#ecf2ce
```
#ecf2ce rgb(236,242,206)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#f2ceec
```
#f2ceec rgb(242,206,236)
```

Triadic Color

#cef2d4
```
#cef2d4 rgb(206,242,212)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#f2ceec
```
#f2ceec rgb(242,206,236)
```
#f2d4ce
```
#f2d4ce rgb(242,212,206)
```

Tetradic Color

#92d5e2
```
#92d5e2 rgb(146,213,226)
```
#a6dce7
```
#a6dce7 rgb(166,220,231)
```
#bae4ed
```
#bae4ed rgb(186,228,237)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#e2f4f7
```
#e2f4f7 rgb(226,244,247)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cef2ef
```
#cef2ef rgb(206,242,239)
```
#cef2f2
```
#cef2f2 rgb(206,242,242)
```
#ceeff2
```
#ceeff2 rgb(206,239,242)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#cee9f2
```
#cee9f2 rgb(206,233,242)
```
#cee6f2
```
#cee6f2 rgb(206,230,242)
```
#cee3f2
```
#cee3f2 rgb(206,227,242)
```

Similar Colors

Text with hexadecimal color #ceecf2

This text has a font color of #ceecf2.

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

#ceecf2 background color

This paragraph has a background color of #ceecf2.

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

#ceecf2 border color

This element has a border color of #ceecf2.

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

CSS codes

.text {color:#ceecf2;}

.background {background-color:#ceecf2;}

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

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, #030b0d is the darkest color, while #fdfefe is the lightest one.

#030b0d
```
#030b0d rgb(3,11,13)
```
#08191d
```
#08191d rgb(8,25,29)
```
#0c272c
```
#0c272c rgb(12,39,44)
```
#10343c
```
#10343c rgb(16,52,60)
```
#14424b
```
#14424b rgb(20,66,75)
```
#184f5b
```
#184f5b rgb(24,79,91)
```
#1c5d6a
```
#1c5d6a rgb(28,93,106)
```
#206b7a
```
#206b7a rgb(32,107,122)
```
#247889
```
#247889 rgb(36,120,137)
```
#288699
```
#288699 rgb(40,134,153)
```
#2d93a8
```
#2d93a8 rgb(45,147,168)
```
#31a1b8
```
#31a1b8 rgb(49,161,184)
```
#35afc7
```
#35afc7 rgb(53,175,199)
```

Shade Color Variation

#42b6cd
```
#42b6cd rgb(66,182,205)
```
#52bcd1
```
#52bcd1 rgb(82,188,209)
```
#61c2d5
```
#61c2d5 rgb(97,194,213)
```
#71c8d9
```
#71c8d9 rgb(113,200,217)
```
#80cedd
```
#80cedd rgb(128,206,221)
```
#90d4e2
```
#90d4e2 rgb(144,212,226)
```
#9fdae6
```
#9fdae6 rgb(159,218,230)
```
#afe0ea
```
#afe0ea rgb(175,224,234)
```
#bee6ee
```
#bee6ee rgb(190,230,238)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#def2f6
```
#def2f6 rgb(222,242,246)
```
#edf8fa
```
#edf8fa rgb(237,248,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#dfe1e1
```
#dfe1e1 rgb(223,225,225)
```
#dce2e4
```
#dce2e4 rgb(220,226,228)
```
#dae4e6
```
#dae4e6 rgb(218,228,230)
```
#d8e6e8
```
#d8e6e8 rgb(216,230,232)
```
#d5e7eb
```
#d5e7eb rgb(213,231,235)
```
#d3e9ed
```
#d3e9ed rgb(211,233,237)
```
#d0eaf0
```
#d0eaf0 rgb(208,234,240)
```
#ceecf2
```
#ceecf2 rgb(206,236,242)
```
#cceef4
```
#cceef4 rgb(204,238,244)
```
#c9eff7
```
#c9eff7 rgb(201,239,247)
```
#c7f1f9
```
#c7f1f9 rgb(199,241,249)
```
#c4f2fc
```
#c4f2fc rgb(196,242,252)
```
#c2f4fe
```
#c2f4fe rgb(194,244,254)
```

Tone Color Variation

Below, you can see how #ceecf2 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

#e4e4e4 Achromatopsia 0.005% of the population
#e0e6e7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e6ef Protanopia 1% of men
#f6e1f6 Deuteranopia 1% of men
#d2ebfc Tritanopia 0.001% of the population

Trichromacy

#dfe8f0 Protanomaly 1% of men, 0.01% of women
#e7e5f4 Deuteranomaly 6% of men, 0.4% of women
#d0ebf8 Tritanomaly 0.01% of the population

#ceecf2 hex color

#ceecf2 Color Information

#ceecf2 Color Conversion

Color Schemes with #ceecf2

Alternatives to #ceecf2

#ceecf2 Preview

Shades and Tints of #ceecf2

Tones of #ceecf2

Color Blindness Simulator