#ccd4be hex color

In a RGB color space, hex #ccd4be is composed of 80% red, 83.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 10.4% yellow and 16.9% black. It has a hue angle of 81.8 degrees, a saturation of 20.4% and a lightness of 78.8%. #ccd4be color hex could be obtained by blending #ffffff with #99a97d. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 83
- B 75
RGB color chart
- C 4
- M 0
- Y 10
- K 17
CMYK color chart

● #ccd4be color description : Grayish green.

The hexadecimal color #ccd4be has RGB values of R:204, G:212, B:190 and CMYK values of C:0.04, M:0, Y:0.1, K:0.17. Its decimal value is 13423806.

Hex triplet	ccd4be	`#ccd4be`
RGB Decimal	204, 212, 190	`rgb(204,212,190)`
RGB Percent	80, 83.1, 74.5	`rgb(80%,83.1%,74.5%)`
CMYK	4, 0, 10, 17
HSL	81.8°, 20.4, 78.8	`hsl(81.8,20.4%,78.8%)`
HSV (or HSB)	81.8°, 10.4, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.779, -6.624, 9.949
XYZ	57.738, 63.642, 57.955
xyY	0.322, 0.355, 63.642
CIE-LCH	83.779, 11.952, 123.654
CIE-LUV	83.779, -3.427, 15.812
Hunter-Lab	79.776, -10.418, 12.771
Binary	11001100, 11010100, 10111110

#ccd4be
```
#ccd4be rgb(204,212,190)
```
#c6bed4
```
#c6bed4 rgb(198,190,212)
```

Complementary Color

#d4d1be
```
#d4d1be rgb(212,209,190)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#c1d4be
```
#c1d4be rgb(193,212,190)
```

Analogous Color

#d1bed4
```
#d1bed4 rgb(209,190,212)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#bec1d4
```
#bec1d4 rgb(190,193,212)
```

Split Complementary Color

#d4becc
```
#d4becc rgb(212,190,204)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#beccd4
```
#beccd4 rgb(190,204,212)
```

Triadic Color

#d4c6be
```
#d4c6be rgb(212,198,190)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#beccd4
```
#beccd4 rgb(190,204,212)
```
#c6bed4
```
#c6bed4 rgb(198,190,212)
```

Tetradic Color

#a8b690
```
#a8b690 rgb(168,182,144)
```
#b4c09f
```
#b4c09f rgb(180,192,159)
```
#c0caaf
```
#c0caaf rgb(192,202,175)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#d8decd
```
#d8decd rgb(216,222,205)
```
#e4e8dd
```
#e4e8dd rgb(228,232,221)
```
#f0f2ec
```
#f0f2ec rgb(240,242,236)
```

Monochromatic Color

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

#d2d4be
```
#d2d4be rgb(210,212,190)
```
#d0d4be
```
#d0d4be rgb(208,212,190)
```
#ced4be
```
#ced4be rgb(206,212,190)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#cad4be
```
#cad4be rgb(202,212,190)
```
#c8d4be
```
#c8d4be rgb(200,212,190)
```
#c7d4be
```
#c7d4be rgb(199,212,190)
```

Similar Colors

Text with hexadecimal color #ccd4be

This text has a font color of #ccd4be.

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

#ccd4be background color

This paragraph has a background color of #ccd4be.

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

#ccd4be border color

This element has a border color of #ccd4be.

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

CSS codes

.text {color:#ccd4be;}

.background {background-color:#ccd4be;}

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

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

#050604
```
#050604 rgb(5,6,4)
```
#0f120c
```
#0f120c rgb(15,18,12)
```
#1a1d13
```
#1a1d13 rgb(26,29,19)
```
#24291b
```
#24291b rgb(36,41,27)
```
#2f3523
```
#2f3523 rgb(47,53,35)
```
#39412b
```
#39412b rgb(57,65,43)
```
#434d33
```
#434d33 rgb(67,77,51)
```
#4e583b
```
#4e583b rgb(78,88,59)
```
#586442
```
#586442 rgb(88,100,66)
```
#62704a
```
#62704a rgb(98,112,74)
```
#6d7c52
```
#6d7c52 rgb(109,124,82)
```
#77885a
```
#77885a rgb(119,136,90)
```
#819462
```
#819462 rgb(129,148,98)
```

Shade Color Variation

#8b9d6b
```
#8b9d6b rgb(139,157,107)
```
#94a577
```
#94a577 rgb(148,165,119)
```
#9ead83
```
#9ead83 rgb(158,173,131)
```
#a7b58f
```
#a7b58f rgb(167,181,143)
```
#b0bd9b
```
#b0bd9b rgb(176,189,155)
```
#b9c4a6
```
#b9c4a6 rgb(185,196,166)
```
#c3ccb2
```
#c3ccb2 rgb(195,204,178)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#d5dcca
```
#d5dcca rgb(213,220,202)
```
#dfe4d6
```
#dfe4d6 rgb(223,228,214)
```
#e8ebe1
```
#e8ebe1 rgb(232,235,225)
```
#f1f3ed
```
#f1f3ed rgb(241,243,237)
```
#fafbf9
```
#fafbf9 rgb(250,251,249)
```

Tint Color Variation

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

#caccc6
```
#caccc6 rgb(202,204,198)
```
#cbd0c2
```
#cbd0c2 rgb(203,208,194)
```
#ccd4be
```
#ccd4be rgb(204,212,190)
```
#cdd8ba
```
#cdd8ba rgb(205,216,186)
```
#cedcb6
```
#cedcb6 rgb(206,220,182)
```
#cfe0b2
```
#cfe0b2 rgb(207,224,178)
```
#d1e5ad
```
#d1e5ad rgb(209,229,173)
```
#d2e9a9
```
#d2e9a9 rgb(210,233,169)
```
#d3eda5
```
#d3eda5 rgb(211,237,165)
```
#d4f1a1
```
#d4f1a1 rgb(212,241,161)
```
#d5f59d
```
#d5f59d rgb(213,245,157)
```
#d6f999
```
#d6f999 rgb(214,249,153)
```
#d7fe94
```
#d7fe94 rgb(215,254,148)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ced0cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd2bf Protanopia 1% of men
#ecccc4 Deuteranopia 1% of men
#d4d1e0 Tritanopia 0.001% of the population

Trichromacy

#d5d3bf Protanomaly 1% of men, 0.01% of women
#e0cfc2 Deuteranomaly 6% of men, 0.4% of women
#d1d2d3 Tritanomaly 0.01% of the population

#ccd4be hex color

#ccd4be Color Information

#ccd4be Color Conversion

Color Schemes with #ccd4be

Alternatives to #ccd4be

#ccd4be Preview

Shades and Tints of #ccd4be

Tones of #ccd4be

Color Blindness Simulator