#ccdfbf hex color

In a RGB color space, hex #ccdfbf is composed of 80% red, 87.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 0% magenta, 14.3% yellow and 12.5% black. It has a hue angle of 95.6 degrees, a saturation of 33.3% and a lightness of 81.2%. #ccdfbf color hex could be obtained by blending #ffffff with #99bf7f. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 87
- B 75
RGB color chart
- C 9
- M 0
- Y 14
- K 13
CMYK color chart

● #ccdfbf color description : Light grayish green.

The hexadecimal color #ccdfbf has RGB values of R:204, G:223, B:191 and CMYK values of C:0.09, M:0, Y:0.14, K:0.13. Its decimal value is 13426623.

Hex triplet	ccdfbf	`#ccdfbf`
RGB Decimal	204, 223, 191	`rgb(204,223,191)`
RGB Percent	80, 87.5, 74.9	`rgb(80%,87.5%,74.9%)`
CMYK	9, 0, 14, 13
HSL	95.6°, 33.3, 81.2	`hsl(95.6,33.3%,81.2%)`
HSV (or HSB)	95.6°, 14.3, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.689, -12.065, 13.556
XYZ	60.692, 69.374, 59.48
xyY	0.32, 0.366, 69.374
CIE-LCH	86.689, 18.147, 131.669
CIE-LUV	86.689, -9.174, 22.029
Hunter-Lab	83.291, -15.692, 15.963
Binary	11001100, 11011111, 10111111

#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#d2bfdf
```
#d2bfdf rgb(210,191,223)
```

Complementary Color

#dcdfbf
```
#dcdfbf rgb(220,223,191)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#bfdfc2
```
#bfdfc2 rgb(191,223,194)
```

Analogous Color

#dfbfdc
```
#dfbfdc rgb(223,191,220)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#c2bfdf
```
#c2bfdf rgb(194,191,223)
```

Split Complementary Color

#dfbfcc
```
#dfbfcc rgb(223,191,204)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#bfccdf
```
#bfccdf rgb(191,204,223)
```

Triadic Color

#dfd2bf
```
#dfd2bf rgb(223,210,191)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#bfccdf
```
#bfccdf rgb(191,204,223)
```
#d2bfdf
```
#d2bfdf rgb(210,191,223)
```

Tetradic Color

#a3c68c
```
#a3c68c rgb(163,198,140)
```
#b1ce9d
```
#b1ce9d rgb(177,206,157)
```
#bed7ae
```
#bed7ae rgb(190,215,174)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#dae8d0
```
#dae8d0 rgb(218,232,208)
```
#e7f0e1
```
#e7f0e1 rgb(231,240,225)
```
#f5f9f2
```
#f5f9f2 rgb(245,249,242)
```

Monochromatic Color

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

#d4dfbf
```
#d4dfbf rgb(212,223,191)
```
#d1dfbf
```
#d1dfbf rgb(209,223,191)
```
#cfdfbf
```
#cfdfbf rgb(207,223,191)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#c9dfbf
```
#c9dfbf rgb(201,223,191)
```
#c7dfbf
```
#c7dfbf rgb(199,223,191)
```
#c4dfbf
```
#c4dfbf rgb(196,223,191)
```

Similar Colors

Text with hexadecimal color #ccdfbf

This text has a font color of #ccdfbf.

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

#ccdfbf background color

This paragraph has a background color of #ccdfbf.

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

#ccdfbf border color

This element has a border color of #ccdfbf.

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

CSS codes

.text {color:#ccdfbf;}

.background {background-color:#ccdfbf;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0e07
```
#0a0e07 rgb(10,14,7)
```
#131c0e
```
#131c0e rgb(19,28,14)
```
#1d2914
```
#1d2914 rgb(29,41,20)
```
#26361b
```
#26361b rgb(38,54,27)
```
#2f4321
```
#2f4321 rgb(47,67,33)
```
#385028
```
#385028 rgb(56,80,40)
```
#415d2e
```
#415d2e rgb(65,93,46)
```
#4b6a35
```
#4b6a35 rgb(75,106,53)
```
#54773c
```
#54773c rgb(84,119,60)
```
#5d8442
```
#5d8442 rgb(93,132,66)
```
#669149
```
#669149 rgb(102,145,73)
```
#6f9e4f
```
#6f9e4f rgb(111,158,79)
```

Shade Color Variation

#79ab56
```
#79ab56 rgb(121,171,86)
```
#83b163
```
#83b163 rgb(131,177,99)
```
#8db871
```
#8db871 rgb(141,184,113)
```
#98be7e
```
#98be7e rgb(152,190,126)
```
#a2c58b
```
#a2c58b rgb(162,197,139)
```
#adcb98
```
#adcb98 rgb(173,203,152)
```
#b7d2a5
```
#b7d2a5 rgb(183,210,165)
```
#c2d8b2
```
#c2d8b2 rgb(194,216,178)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#d6e6cc
```
#d6e6cc rgb(214,230,204)
```
#e1ecd9
```
#e1ecd9 rgb(225,236,217)
```
#ebf3e6
```
#ebf3e6 rgb(235,243,230)
```
#f6f9f3
```
#f6f9f3 rgb(246,249,243)
```

Tint Color Variation

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

#cfd0ce
```
#cfd0ce rgb(207,208,206)
```
#ced4ca
```
#ced4ca rgb(206,212,202)
```
#cdd8c6
```
#cdd8c6 rgb(205,216,198)
```
#cddbc3
```
#cddbc3 rgb(205,219,195)
```
#ccdfbf
```
#ccdfbf rgb(204,223,191)
```
#cbe3bb
```
#cbe3bb rgb(203,227,187)
```
#cbe6b8
```
#cbe6b8 rgb(203,230,184)
```
#caeab4
```
#caeab4 rgb(202,234,180)
```
#c9eeb0
```
#c9eeb0 rgb(201,238,176)
```
#c9f1ad
```
#c9f1ad rgb(201,241,173)
```
#c8f5a9
```
#c8f5a9 rgb(200,245,169)
```
#c7f9a5
```
#c7f9a5 rgb(199,249,165)
```
#c6fda1
```
#c6fda1 rgb(198,253,161)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4d8d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5dabf Protanopia 1% of men
#f6d3c6 Deuteranopia 1% of men
#d5daea Tritanopia 0.001% of the population

Trichromacy

#dcdcbf Protanomaly 1% of men, 0.01% of women
#e7d7c3 Deuteranomaly 6% of men, 0.4% of women
#d2dcda Tritanomaly 0.01% of the population

#ccdfbf hex color

#ccdfbf Color Information

#ccdfbf Color Conversion

Color Schemes with #ccdfbf

Alternatives to #ccdfbf

#ccdfbf Preview

Shades and Tints of #ccdfbf

Tones of #ccdfbf

Color Blindness Simulator