#cceffe hex color

In a RGB color space, hex #cceffe is composed of 80% red, 93.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 5.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 198 degrees, a saturation of 96.2% and a lightness of 89.8%. #cceffe color hex could be obtained by blending #ffffff with #99dffd. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 80
- G 94
- B 100
RGB color chart
- C 20
- M 6
- Y 0
- K 0
CMYK color chart

● #cceffe color description : Light grayish blue.

The hexadecimal color #cceffe has RGB values of R:204, G:239, B:254 and CMYK values of C:0.2, M:0.06, Y:0, K:0. Its decimal value is 13430782.

Hex triplet	cceffe	`#cceffe`
RGB Decimal	204, 239, 254	`rgb(204,239,254)`
RGB Percent	80, 93.7, 99.6	`rgb(80%,93.7%,99.6%)`
CMYK	20, 6, 0, 0
HSL	198°, 96.2, 89.8	`hsl(198,96.2%,89.8%)`
HSV (or HSB)	198°, 19.7, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.453, -8.214, -11.015
XYZ	73.654, 81.724, 105.654
xyY	0.282, 0.313, 81.724
CIE-LCH	92.453, 13.74, 233.29
CIE-LUV	92.453, -18.729, -16.014
Hunter-Lab	90.402, -12.772, -6.012
Binary	11001100, 11101111, 11111110

#cceffe
```
#cceffe rgb(204,239,254)
```
#fedbcc
```
#fedbcc rgb(254,219,204)
```

Complementary Color

#ccfef4
```
#ccfef4 rgb(204,254,244)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#ccd6fe
```
#ccd6fe rgb(204,214,254)
```

Analogous Color

#fef4cc
```
#fef4cc rgb(254,244,204)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#feccd6
```
#feccd6 rgb(254,204,214)
```

Split Complementary Color

#effecc
```
#effecc rgb(239,254,204)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#feccef
```
#feccef rgb(254,204,239)
```

Triadic Color

#ccfedb
```
#ccfedb rgb(204,254,219)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#feccef
```
#feccef rgb(254,204,239)
```
#fedbcc
```
#fedbcc rgb(254,219,204)
```

Tetradic Color

#81d7fd
```
#81d7fd rgb(129,215,253)
```
#9adffd
```
#9adffd rgb(154,223,253)
```
#b3e7fe
```
#b3e7fe rgb(179,231,254)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#e5f7fe
```
#e5f7fe rgb(229,247,254)
```
#feffff
```
#feffff rgb(254,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccfcfe
```
#ccfcfe rgb(204,252,254)
```
#ccf7fe
```
#ccf7fe rgb(204,247,254)
```
#ccf3fe
```
#ccf3fe rgb(204,243,254)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#ccebfe
```
#ccebfe rgb(204,235,254)
```
#cce7fe
```
#cce7fe rgb(204,231,254)
```
#cce3fe
```
#cce3fe rgb(204,227,254)
```

Similar Colors

Text with hexadecimal color #cceffe

This text has a font color of #cceffe.

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

#cceffe background color

This paragraph has a background color of #cceffe.

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

#cceffe border color

This element has a border color of #cceffe.

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

CSS codes

.text {color:#cceffe;}

.background {background-color:#cceffe;}

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

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, #000507 is the darkest color, while #f2fbff is the lightest one.

#000507
```
#000507 rgb(0,5,7)
```
#01121a
```
#01121a rgb(1,18,26)
```
#01202d
```
#01202d rgb(1,32,45)
```
#012d40
```
#012d40 rgb(1,45,64)
```
#023b54
```
#023b54 rgb(2,59,84)
```
#024967
```
#024967 rgb(2,73,103)
```
#02567a
```
#02567a rgb(2,86,122)
```
#03648d
```
#03648d rgb(3,100,141)
```
#0371a1
```
#0371a1 rgb(3,113,161)
```
#047fb4
```
#047fb4 rgb(4,127,180)
```
#048dc7
```
#048dc7 rgb(4,141,199)
```
#049ada
```
#049ada rgb(4,154,218)
```
#05a8ee
```
#05a8ee rgb(5,168,238)
```

Shade Color Variation

#0cb3fa
```
#0cb3fa rgb(12,179,250)
```
#1fb9fb
```
#1fb9fb rgb(31,185,251)
```
#32bffb
```
#32bffb rgb(50,191,251)
```
#45c5fb
```
#45c5fb rgb(69,197,251)
```
#59cbfc
```
#59cbfc rgb(89,203,252)
```
#6cd1fc
```
#6cd1fc rgb(108,209,252)
```
#7fd7fc
```
#7fd7fc rgb(127,215,252)
```
#92ddfd
```
#92ddfd rgb(146,221,253)
```
#a6e3fd
```
#a6e3fd rgb(166,227,253)
```
#b9e9fe
```
#b9e9fe rgb(185,233,254)
```
#cceffe
```
#cceffe rgb(204,239,254)
```
#dff5fe
```
#dff5fe rgb(223,245,254)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#e4e5e6
```
#e4e5e6 rgb(228,229,230)
```
#e2e6e8
```
#e2e6e8 rgb(226,230,232)
```
#e0e7ea
```
#e0e7ea rgb(224,231,234)
```
#dee8ec
```
#dee8ec rgb(222,232,236)
```
#dce9ee
```
#dce9ee rgb(220,233,238)
```
#dae9f0
```
#dae9f0 rgb(218,233,240)
```
#d8eaf2
```
#d8eaf2 rgb(216,234,242)
```
#d6ebf4
```
#d6ebf4 rgb(214,235,244)
```
#d4ecf6
```
#d4ecf6 rgb(212,236,246)
```
#d2edf8
```
#d2edf8 rgb(210,237,248)
```
#d0edfa
```
#d0edfa rgb(208,237,250)
```
#ceeefc
```
#ceeefc rgb(206,238,252)
```
#cceffe
```
#cceffe rgb(204,239,254)
```

Tone Color Variation

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

#e6e6e6 Achromatopsia 0.005% of the population
#e1e8eb Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e9fa Protanopia 1% of men
#f3e5ff Deuteranopia 1% of men
#d1efff Tritanopia 0.001% of the population

Trichromacy

#deebfb Protanomaly 1% of men, 0.01% of women
#e5e8fe Deuteranomaly 6% of men, 0.4% of women
#cfeffe Tritanomaly 0.01% of the population

#cceffe hex color

#cceffe Color Information

#cceffe Color Conversion

Color Schemes with #cceffe

Alternatives to #cceffe

#cceffe Preview

Shades and Tints of #cceffe

Tones of #cceffe

Color Blindness Simulator