#ccdc96 hex color

In a RGB color space, hex #ccdc96 is composed of 80% red, 86.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 0% magenta, 31.8% yellow and 13.7% black. It has a hue angle of 73.7 degrees, a saturation of 50% and a lightness of 72.5%. #ccdc96 color hex could be obtained by blending #ffffff with #99b92d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 86
- B 59
RGB color chart
- C 7
- M 0
- Y 32
- K 14
CMYK color chart

● #ccdc96 color description : Very soft yellow.

The hexadecimal color #ccdc96 has RGB values of R:204, G:220, B:150 and CMYK values of C:0.07, M:0, Y:0.32, K:0.14. Its decimal value is 13425814.

Hex triplet	ccdc96	`#ccdc96`
RGB Decimal	204, 220, 150	`rgb(204,220,150)`
RGB Percent	80, 86.3, 58.8	`rgb(80%,86.3%,58.8%)`
CMYK	7, 0, 32, 14
HSL	73.7°, 50, 72.5	`hsl(73.7,50%,72.5%)`
HSV (or HSB)	73.7°, 31.8, 86.3
Web Safe	cccc99	`#cccc99`

CIE-LAB	85.111, -16.661, 32.677
XYZ	55.999, 66.226, 38.685
xyY	0.348, 0.412, 66.226
CIE-LCH	85.111, 36.68, 117.016
CIE-LUV	85.111, -6.242, 47.672
Hunter-Lab	81.379, -19.584, 28.781
Binary	11001100, 11011100, 10010110

#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#a696dc
```
#a696dc rgb(166,150,220)
```

Complementary Color

#dcc996
```
#dcc996 rgb(220,201,150)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#a9dc96
```
#a9dc96 rgb(169,220,150)
```

Analogous Color

#c996dc
```
#c996dc rgb(201,150,220)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#96a9dc
```
#96a9dc rgb(150,169,220)
```

Split Complementary Color

#dc96cc
```
#dc96cc rgb(220,150,204)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#96ccdc
```
#96ccdc rgb(150,204,220)
```

Triadic Color

#dca696
```
#dca696 rgb(220,166,150)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#96ccdc
```
#96ccdc rgb(150,204,220)
```
#a696dc
```
#a696dc rgb(166,150,220)
```

Tetradic Color

#b0c95d
```
#b0c95d rgb(176,201,93)
```
#b9cf70
```
#b9cf70 rgb(185,207,112)
```
#c3d683
```
#c3d683 rgb(195,214,131)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#d5e2a9
```
#d5e2a9 rgb(213,226,169)
```
#dfe9bc
```
#dfe9bc rgb(223,233,188)
```
#e8efcf
```
#e8efcf rgb(232,239,207)
```

Monochromatic Color

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

#dcdb96
```
#dcdb96 rgb(220,219,150)
```
#d8dc96
```
#d8dc96 rgb(216,220,150)
```
#d2dc96
```
#d2dc96 rgb(210,220,150)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#c6dc96
```
#c6dc96 rgb(198,220,150)
```
#c0dc96
```
#c0dc96 rgb(192,220,150)
```
#bbdc96
```
#bbdc96 rgb(187,220,150)
```

Similar Colors

Text with hexadecimal color #ccdc96

This text has a font color of #ccdc96.

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

#ccdc96 background color

This paragraph has a background color of #ccdc96.

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

#ccdc96 border color

This element has a border color of #ccdc96.

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

CSS codes

.text {color:#ccdc96;}

.background {background-color:#ccdc96;}

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

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, #0b0d04 is the darkest color, while #fefefd is the lightest one.

#0b0d04
```
#0b0d04 rgb(11,13,4)
```
#171b09
```
#171b09 rgb(23,27,9)
```
#242a0e
```
#242a0e rgb(36,42,14)
```
#303913
```
#303913 rgb(48,57,19)
```
#3d4818
```
#3d4818 rgb(61,72,24)
```
#49561d
```
#49561d rgb(73,86,29)
```
#566522
```
#566522 rgb(86,101,34)
```
#627427
```
#627427 rgb(98,116,39)
```
#6f822b
```
#6f822b rgb(111,130,43)
```
#7b9130
```
#7b9130 rgb(123,145,48)
```
#87a035
```
#87a035 rgb(135,160,53)
```
#94af3a
```
#94af3a rgb(148,175,58)
```
#a0bd3f
```
#a0bd3f rgb(160,189,63)
```

Shade Color Variation

#a8c34c
```
#a8c34c rgb(168,195,76)
```
#afc85b
```
#afc85b rgb(175,200,91)
```
#b7cd6a
```
#b7cd6a rgb(183,205,106)
```
#bed279
```
#bed279 rgb(190,210,121)
```
#c5d787
```
#c5d787 rgb(197,215,135)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#d3e1a5
```
#d3e1a5 rgb(211,225,165)
```
#dae6b3
```
#dae6b3 rgb(218,230,179)
```
#e1ebc2
```
#e1ebc2 rgb(225,235,194)
```
#e9f0d1
```
#e9f0d1 rgb(233,240,209)
```
#f0f5e0
```
#f0f5e0 rgb(240,245,224)
```
#f7f9ee
```
#f7f9ee rgb(247,249,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#babcb6
```
#babcb6 rgb(186,188,182)
```
#bdc1b1
```
#bdc1b1 rgb(189,193,177)
```
#c0c6ac
```
#c0c6ac rgb(192,198,172)
```
#c3cca6
```
#c3cca6 rgb(195,204,166)
```
#c6d1a1
```
#c6d1a1 rgb(198,209,161)
```
#c9d79b
```
#c9d79b rgb(201,215,155)
```
#ccdc96
```
#ccdc96 rgb(204,220,150)
```
#cfe191
```
#cfe191 rgb(207,225,145)
```
#d2e78b
```
#d2e78b rgb(210,231,139)
```
#d5ec86
```
#d5ec86 rgb(213,236,134)
```
#d8f280
```
#d8f280 rgb(216,242,128)
```
#dbf77b
```
#dbf77b rgb(219,247,123)
```
#defc76
```
#defc76 rgb(222,252,118)
```

Tone Color Variation

Below, you can see how #ccdc96 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
#ced2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d698 Protanopia 1% of men
#fccea0 Deuteranopia 1% of men
#d9d4e3 Tritanopia 0.001% of the population

Trichromacy

#ddd897 Protanomaly 1% of men, 0.01% of women
#ead39c Deuteranomaly 6% of men, 0.4% of women
#d4d7c7 Tritanomaly 0.01% of the population

#ccdc96 hex color

#ccdc96 Color Information

#ccdc96 Color Conversion

Color Schemes with #ccdc96

Alternatives to #ccdc96

#ccdc96 Preview

Shades and Tints of #ccdc96

Tones of #ccdc96

Color Blindness Simulator