#ccfbf0 hex color

In a RGB color space, hex #ccfbf0 is composed of 80% red, 98.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 18.7% cyan, 0% magenta, 4.4% yellow and 1.6% black. It has a hue angle of 166 degrees, a saturation of 85.5% and a lightness of 89.2%. #ccfbf0 color hex could be obtained by blending #ffffff with #99f7e1. Closest websafe color is: #ccffff.

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

● #ccfbf0 color description : Light grayish cyan.

The hexadecimal color #ccfbf0 has RGB values of R:204, G:251, B:240 and CMYK values of C:0.19, M:0, Y:0.04, K:0.02. Its decimal value is 13433840.

Hex triplet	ccfbf0	`#ccfbf0`
RGB Decimal	204, 251, 240	`rgb(204,251,240)`
RGB Percent	80, 98.4, 94.1	`rgb(80%,98.4%,94.1%)`
CMYK	19, 0, 4, 2
HSL	166°, 85.5, 89.2	`hsl(166,85.5%,89.2%)`
HSV (or HSB)	166°, 18.7, 98.4
Web Safe	ccffff	`#ccffff`

CIE-LAB	95.212, -17.07, 0.31
XYZ	75.123, 88.121, 95.484
xyY	0.29, 0.341, 88.121
CIE-LCH	95.212, 17.073, 178.96
CIE-LUV	95.212, -23.932, 3.453
Hunter-Lab	93.873, -21.429, 5.403
Binary	11001100, 11111011, 11110000

#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#fbccd7
```
#fbccd7 rgb(251,204,215)
```

Complementary Color

#ccfbd9
```
#ccfbd9 rgb(204,251,217)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#cceffb
```
#cceffb rgb(204,239,251)
```

Analogous Color

#fbd9cc
```
#fbd9cc rgb(251,217,204)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#fbccef
```
#fbccef rgb(251,204,239)
```

Split Complementary Color

#fbf0cc
```
#fbf0cc rgb(251,240,204)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#f0ccfb
```
#f0ccfb rgb(240,204,251)
```

Triadic Color

#d7fbcc
```
#d7fbcc rgb(215,251,204)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#f0ccfb
```
#f0ccfb rgb(240,204,251)
```
#fbccd7
```
#fbccd7 rgb(251,204,215)
```

Tetradic Color

#85f5db
```
#85f5db rgb(133,245,219)
```
#9df7e2
```
#9df7e2 rgb(157,247,226)
```
#b4f9e9
```
#b4f9e9 rgb(180,249,233)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#e4fdf7
```
#e4fdf7 rgb(228,253,247)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccfbe4
```
#ccfbe4 rgb(204,251,228)
```
#ccfbe8
```
#ccfbe8 rgb(204,251,232)
```
#ccfbec
```
#ccfbec rgb(204,251,236)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#ccfbf4
```
#ccfbf4 rgb(204,251,244)
```
#ccfbf8
```
#ccfbf8 rgb(204,251,248)
```
#ccfafb
```
#ccfafb rgb(204,250,251)
```

Similar Colors

Text with hexadecimal color #ccfbf0

This text has a font color of #ccfbf0.

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

#ccfbf0 background color

This paragraph has a background color of #ccfbf0.

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

#ccfbf0 border color

This element has a border color of #ccfbf0.

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

CSS codes

.text {color:#ccfbf0;}

.background {background-color:#ccfbf0;}

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

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

#000403
```
#000403 rgb(0,4,3)
```
#021611
```
#021611 rgb(2,22,17)
```
#03281f
```
#03281f rgb(3,40,31)
```
#053a2e
```
#053a2e rgb(5,58,46)
```
#064c3c
```
#064c3c rgb(6,76,60)
```
#075f4a
```
#075f4a rgb(7,95,74)
```
#097158
```
#097158 rgb(9,113,88)
```
#0a8367
```
#0a8367 rgb(10,131,103)
```
#0c9575
```
#0c9575 rgb(12,149,117)
```
#0da783
```
#0da783 rgb(13,167,131)
```
#0fb991
```
#0fb991 rgb(15,185,145)
```
#10cca0
```
#10cca0 rgb(16,204,160)
```
#11deae
```
#11deae rgb(17,222,174)
```

Shade Color Variation

#16edbb
```
#16edbb rgb(22,237,187)
```
#28eec0
```
#28eec0 rgb(40,238,192)
```
#3af0c5
```
#3af0c5 rgb(58,240,197)
```
#4df1cb
```
#4df1cb rgb(77,241,203)
```
#5ff2d0
```
#5ff2d0 rgb(95,242,208)
```
#71f4d5
```
#71f4d5 rgb(113,244,213)
```
#83f5db
```
#83f5db rgb(131,245,219)
```
#95f7e0
```
#95f7e0 rgb(149,247,224)
```
#a8f8e5
```
#a8f8e5 rgb(168,248,229)
```
#bafaeb
```
#bafaeb rgb(186,250,235)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#defcf5
```
#defcf5 rgb(222,252,245)
```
#f0fefb
```
#f0fefb rgb(240,254,251)
```

Tint Color Variation

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

#e3e4e4
```
#e3e4e4 rgb(227,228,228)
```
#e1e6e5
```
#e1e6e5 rgb(225,230,229)
```
#dfe8e6
```
#dfe8e6 rgb(223,232,230)
```
#ddeae7
```
#ddeae7 rgb(221,234,231)
```
#dbece8
```
#dbece8 rgb(219,236,232)
```
#d9eee9
```
#d9eee9 rgb(217,238,233)
```
#d7f0ea
```
#d7f0ea rgb(215,240,234)
```
#d4f3eb
```
#d4f3eb rgb(212,243,235)
```
#d2f5ed
```
#d2f5ed rgb(210,245,237)
```
#d0f7ee
```
#d0f7ee rgb(208,247,238)
```
#cef9ef
```
#cef9ef rgb(206,249,239)
```
#ccfbf0
```
#ccfbf0 rgb(204,251,240)
```
#cafdf1
```
#cafdf1 rgb(202,253,241)
```

Tone Color Variation

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

#ececec Achromatopsia 0.005% of the population
#e6efed Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7f0eb Protanopia 1% of men
#ffedf4 Deuteranopia 1% of men
#e2f4ff Tritanopia 0.001% of the population

Trichromacy

#e7f4ed Protanomaly 1% of men, 0.01% of women
#ecf2f2 Deuteranomaly 6% of men, 0.4% of women
#daf7f9 Tritanomaly 0.01% of the population

#ccfbf0 hex color

#ccfbf0 Color Information

#ccfbf0 Color Conversion

Color Schemes with #ccfbf0

Alternatives to #ccfbf0

#ccfbf0 Preview

Shades and Tints of #ccfbf0

Tones of #ccfbf0

Color Blindness Simulator