#ccfbdc hex color

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

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

● #ccfbdc color description : Light grayish cyan - lime green.

The hexadecimal color #ccfbdc has RGB values of R:204, G:251, B:220 and CMYK values of C:0.19, M:0, Y:0.12, K:0.02. Its decimal value is 13433820.

Hex triplet	ccfbdc	`#ccfbdc`
RGB Decimal	204, 251, 220	`rgb(204,251,220)`
RGB Percent	80, 98.4, 86.3	`rgb(80%,98.4%,86.3%)`
CMYK	19, 0, 12, 2
HSL	140.4°, 85.5, 89.2	`hsl(140.4,85.5%,89.2%)`
HSV (or HSB)	140.4°, 18.7, 98.4
Web Safe	ccffcc	`#ccffcc`

CIE-LAB	94.737, -20.86, 9.939
XYZ	72.314, 86.997, 80.688
xyY	0.301, 0.362, 86.997
CIE-LCH	94.737, 23.107, 154.523
CIE-LUV	94.737, -23.663, 18.695
Hunter-Lab	93.272, -24.835, 14
Binary	11001100, 11111011, 11011100

#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#fbcceb
```
#fbcceb rgb(251,204,235)
```

Complementary Color

#d4fbcc
```
#d4fbcc rgb(212,251,204)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#ccfbf4
```
#ccfbf4 rgb(204,251,244)
```

Analogous Color

#fbccd4
```
#fbccd4 rgb(251,204,212)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#f4ccfb
```
#f4ccfb rgb(244,204,251)
```

Split Complementary Color

#fbdccc
```
#fbdccc rgb(251,220,204)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#dcccfb
```
#dcccfb rgb(220,204,251)
```

Triadic Color

#ebfbcc
```
#ebfbcc rgb(235,251,204)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#dcccfb
```
#dcccfb rgb(220,204,251)
```
#fbcceb
```
#fbcceb rgb(251,204,235)
```

Tetradic Color

#85f5ab
```
#85f5ab rgb(133,245,171)
```
#9df7bc
```
#9df7bc rgb(157,247,188)
```
#b4f9cc
```
#b4f9cc rgb(180,249,204)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#e4fdec
```
#e4fdec rgb(228,253,236)
```
#fbfffc
```
#fbfffc rgb(251,255,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccfbd0
```
#ccfbd0 rgb(204,251,208)
```
#ccfbd4
```
#ccfbd4 rgb(204,251,212)
```
#ccfbd8
```
#ccfbd8 rgb(204,251,216)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#ccfbe0
```
#ccfbe0 rgb(204,251,224)
```
#ccfbe4
```
#ccfbe4 rgb(204,251,228)
```
#ccfbe8
```
#ccfbe8 rgb(204,251,232)
```

Similar Colors

Text with hexadecimal color #ccfbdc

This text has a font color of #ccfbdc.

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

#ccfbdc background color

This paragraph has a background color of #ccfbdc.

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

#ccfbdc border color

This element has a border color of #ccfbdc.

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

CSS codes

.text {color:#ccfbdc;}

.background {background-color:#ccfbdc;}

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

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

#000401
```
#000401 rgb(0,4,1)
```
#021609
```
#021609 rgb(2,22,9)
```
#032810
```
#032810 rgb(3,40,16)
```
#053a17
```
#053a17 rgb(5,58,23)
```
#064c1e
```
#064c1e rgb(6,76,30)
```
#075f25
```
#075f25 rgb(7,95,37)
```
#09712c
```
#09712c rgb(9,113,44)
```
#0a8333
```
#0a8333 rgb(10,131,51)
```
#0c953a
```
#0c953a rgb(12,149,58)
```
#0da742
```
#0da742 rgb(13,167,66)
```
#0fb949
```
#0fb949 rgb(15,185,73)
```
#10cc50
```
#10cc50 rgb(16,204,80)
```
#11de57
```
#11de57 rgb(17,222,87)
```

Shade Color Variation

#16ed5f
```
#16ed5f rgb(22,237,95)
```
#28ee6c
```
#28ee6c rgb(40,238,108)
```
#3af078
```
#3af078 rgb(58,240,120)
```
#4df185
```
#4df185 rgb(77,241,133)
```
#5ff291
```
#5ff291 rgb(95,242,145)
```
#71f49e
```
#71f49e rgb(113,244,158)
```
#83f5aa
```
#83f5aa rgb(131,245,170)
```
#95f7b7
```
#95f7b7 rgb(149,247,183)
```
#a8f8c3
```
#a8f8c3 rgb(168,248,195)
```
#bafad0
```
#bafad0 rgb(186,250,208)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#defce8
```
#defce8 rgb(222,252,232)
```
#f0fef5
```
#f0fef5 rgb(240,254,245)
```

Tint Color Variation

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

#e3e4e3
```
#e3e4e3 rgb(227,228,227)
```
#e1e6e3
```
#e1e6e3 rgb(225,230,227)
```
#dfe8e2
```
#dfe8e2 rgb(223,232,226)
```
#ddeae1
```
#ddeae1 rgb(221,234,225)
```
#dbece1
```
#dbece1 rgb(219,236,225)
```
#d9eee0
```
#d9eee0 rgb(217,238,224)
```
#d7f0df
```
#d7f0df rgb(215,240,223)
```
#d4f3df
```
#d4f3df rgb(212,243,223)
```
#d2f5de
```
#d2f5de rgb(210,245,222)
```
#d0f7dd
```
#d0f7dd rgb(208,247,221)
```
#cef9dd
```
#cef9dd rgb(206,249,221)
```
#ccfbdc
```
#ccfbdc rgb(204,251,220)
```
#cafddb
```
#cafddb rgb(202,253,219)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#e3ede6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#faefd8 Protanopia 1% of men
#ffecea Deuteranopia 1% of men
#e1f3ff Tritanopia 0.001% of the population

Trichromacy

#e9f3d9 Protanomaly 1% of men, 0.01% of women
#ecf1e5 Deuteranomaly 6% of men, 0.4% of women
#d9f6f2 Tritanomaly 0.01% of the population

#ccfbdc hex color

#ccfbdc Color Information

#ccfbdc Color Conversion

Color Schemes with #ccfbdc

Alternatives to #ccfbdc

#ccfbdc Preview

Shades and Tints of #ccfbdc

Tones of #ccfbdc

Color Blindness Simulator