#ccfafe hex color

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

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

● #ccfafe color description : Light grayish cyan.

The hexadecimal color #ccfafe has RGB values of R:204, G:250, B:254 and CMYK values of C:0.2, M:0.02, Y:0, K:0. Its decimal value is 13433598.

Hex triplet	ccfafe	`#ccfafe`
RGB Decimal	204, 250, 254	`rgb(204,250,254)`
RGB Percent	80, 98, 99.6	`rgb(80%,98%,99.6%)`
CMYK	20, 2, 0, 0
HSL	184.8°, 96.2, 89.8	`hsl(184.8,96.2%,89.8%)`
HSV (or HSB)	184.8°, 19.7, 99.6
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.313, -13.745, -6.773
XYZ	76.973, 88.362, 106.761
xyY	0.283, 0.325, 88.362
CIE-LCH	95.313, 15.323, 206.231
CIE-LUV	95.313, -23.682, -8.298
Hunter-Lab	94.001, -18.338, -1.537
Binary	11001100, 11111010, 11111110

#ccfafe
```
#ccfafe rgb(204,250,254)
```
#fed0cc
```
#fed0cc rgb(254,208,204)
```

Complementary Color

#ccfee9
```
#ccfee9 rgb(204,254,233)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```
#cce1fe
```
#cce1fe rgb(204,225,254)
```

Analogous Color

#fee9cc
```
#fee9cc rgb(254,233,204)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```
#fecce1
```
#fecce1 rgb(254,204,225)
```

Split Complementary Color

#fafecc
```
#fafecc rgb(250,254,204)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```
#feccfa
```
#feccfa rgb(254,204,250)
```

Triadic Color

#ccfed0
```
#ccfed0 rgb(204,254,208)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```
#feccfa
```
#feccfa rgb(254,204,250)
```
#fed0cc
```
#fed0cc rgb(254,208,204)
```

Tetradic Color

#81f3fd
```
#81f3fd rgb(129,243,253)
```
#9af5fd
```
#9af5fd rgb(154,245,253)
```
#b3f8fe
```
#b3f8fe rgb(179,248,254)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```
#e5fcfe
```
#e5fcfe rgb(229,252,254)
```
#feffff
```
#feffff rgb(254,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccfef6
```
#ccfef6 rgb(204,254,246)
```
#ccfefa
```
#ccfefa rgb(204,254,250)
```
#ccfefe
```
#ccfefe rgb(204,254,254)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```
#ccf6fe
```
#ccf6fe rgb(204,246,254)
```
#ccf2fe
```
#ccf2fe rgb(204,242,254)
```
#cceefe
```
#cceefe rgb(204,238,254)
```

Similar Colors

Text with hexadecimal color #ccfafe

This text has a font color of #ccfafe.

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

#ccfafe background color

This paragraph has a background color of #ccfafe.

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

#ccfafe border color

This element has a border color of #ccfafe.

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

CSS codes

.text {color:#ccfafe;}

.background {background-color:#ccfafe;}

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

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

#000607
```
#000607 rgb(0,6,7)
```
#01181a
```
#01181a rgb(1,24,26)
```
#012a2d
```
#012a2d rgb(1,42,45)
```
#013b40
```
#013b40 rgb(1,59,64)
```
#024d54
```
#024d54 rgb(2,77,84)
```
#025f67
```
#025f67 rgb(2,95,103)
```
#02717a
```
#02717a rgb(2,113,122)
```
#03828d
```
#03828d rgb(3,130,141)
```
#0394a1
```
#0394a1 rgb(3,148,161)
```
#04a6b4
```
#04a6b4 rgb(4,166,180)
```
#04b7c7
```
#04b7c7 rgb(4,183,199)
```
#04c9da
```
#04c9da rgb(4,201,218)
```
#05dbee
```
#05dbee rgb(5,219,238)
```

Shade Color Variation

#0ce7fa
```
#0ce7fa rgb(12,231,250)
```
#1fe9fb
```
#1fe9fb rgb(31,233,251)
```
#32ebfb
```
#32ebfb rgb(50,235,251)
```
#45edfb
```
#45edfb rgb(69,237,251)
```
#59effc
```
#59effc rgb(89,239,252)
```
#6cf1fc
```
#6cf1fc rgb(108,241,252)
```
#7ff2fc
```
#7ff2fc rgb(127,242,252)
```
#92f4fd
```
#92f4fd rgb(146,244,253)
```
#a6f6fd
```
#a6f6fd rgb(166,246,253)
```
#b9f8fe
```
#b9f8fe rgb(185,248,254)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```
#dffcfe
```
#dffcfe rgb(223,252,254)
```
#f2feff
```
#f2feff rgb(242,254,255)
```

Tint Color Variation

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

#e4e6e6
```
#e4e6e6 rgb(228,230,230)
```
#e2e8e8
```
#e2e8e8 rgb(226,232,232)
```
#e0e9ea
```
#e0e9ea rgb(224,233,234)
```
#deebec
```
#deebec rgb(222,235,236)
```
#dcedee
```
#dcedee rgb(220,237,238)
```
#daeef0
```
#daeef0 rgb(218,238,240)
```
#d8f0f2
```
#d8f0f2 rgb(216,240,242)
```
#d6f2f4
```
#d6f2f4 rgb(214,242,244)
```
#d4f3f6
```
#d4f3f6 rgb(212,243,246)
```
#d2f5f8
```
#d2f5f8 rgb(210,245,248)
```
#d0f7fa
```
#d0f7fa rgb(208,247,250)
```
#cef8fc
```
#cef8fc rgb(206,248,252)
```
#ccfafe
```
#ccfafe rgb(204,250,254)
```

Tone Color Variation

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

#ededed Achromatopsia 0.005% of the population
#e6f0f0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4f0f8 Protanopia 1% of men
#fdedff Deuteranopia 1% of men
#e2f5ff Tritanopia 0.001% of the population

Trichromacy

#e5f4fa Protanomaly 1% of men, 0.01% of women
#ebf1fe Deuteranomaly 6% of men, 0.4% of women
#daf7fe Tritanomaly 0.01% of the population

#ccfafe hex color

#ccfafe Color Information

#ccfafe Color Conversion

Color Schemes with #ccfafe

Alternatives to #ccfafe

#ccfafe Preview

Shades and Tints of #ccfafe

Tones of #ccfafe

Color Blindness Simulator