#ccde5a hex color

In a RGB color space, hex #ccde5a is composed of 80% red, 87.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 59.5% yellow and 12.9% black. It has a hue angle of 68.2 degrees, a saturation of 66.7% and a lightness of 61.2%. #ccde5a color hex could be obtained by blending #ffffb4 with #99bd00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 87
- B 35
RGB color chart
- C 8
- M 0
- Y 59
- K 13
CMYK color chart

● #ccde5a color description : Soft yellow.

The hexadecimal color #ccde5a has RGB values of R:204, G:222, B:90 and CMYK values of C:0.08, M:0, Y:0.59, K:0.13. Its decimal value is 13426266.

Hex triplet	ccde5a	`#ccde5a`
RGB Decimal	204, 222, 90	`rgb(204,222,90)`
RGB Percent	80, 87.1, 35.3	`rgb(80%,87.1%,35.3%)`
CMYK	8, 0, 59, 13
HSL	68.2°, 66.7, 61.2	`hsl(68.2,66.7%,61.2%)`
HSV (or HSB)	68.2°, 59.5, 87.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.904, -23.728, 61.062
XYZ	52.868, 65.818, 19.591
xyY	0.382, 0.476, 65.818
CIE-LCH	84.904, 65.51, 111.235
CIE-LUV	84.904, -5.963, 78.044
Hunter-Lab	81.128, -25.654, 42.472
Binary	11001100, 11011110, 01011010

#ccde5a
```
#ccde5a rgb(204,222,90)
```
#6c5ade
```
#6c5ade rgb(108,90,222)
```

Complementary Color

#deae5a
```
#deae5a rgb(222,174,90)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#8ade5a
```
#8ade5a rgb(138,222,90)
```

Analogous Color

#ae5ade
```
#ae5ade rgb(174,90,222)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#5a8ade
```
#5a8ade rgb(90,138,222)
```

Split Complementary Color

#de5acc
```
#de5acc rgb(222,90,204)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#5accde
```
#5accde rgb(90,204,222)
```

Triadic Color

#de6c5a
```
#de6c5a rgb(222,108,90)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#5accde
```
#5accde rgb(90,204,222)
```
#6c5ade
```
#6c5ade rgb(108,90,222)
```

Tetradic Color

#afc427
```
#afc427 rgb(175,196,39)
```
#bfd630
```
#bfd630 rgb(191,214,48)
```
#c5da45
```
#c5da45 rgb(197,218,69)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#d3e26f
```
#d3e26f rgb(211,226,111)
```
#d9e785
```
#d9e785 rgb(217,231,133)
```
#e0eb9a
```
#e0eb9a rgb(224,235,154)
```

Monochromatic Color

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

#decf5a
```
#decf5a rgb(222,207,90)
```
#deda5a
```
#deda5a rgb(222,218,90)
```
#d7de5a
```
#d7de5a rgb(215,222,90)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#c1de5a
```
#c1de5a rgb(193,222,90)
```
#b6de5a
```
#b6de5a rgb(182,222,90)
```
#abde5a
```
#abde5a rgb(171,222,90)
```

Similar Colors

Text with hexadecimal color #ccde5a

This text has a font color of #ccde5a.

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

#ccde5a background color

This paragraph has a background color of #ccde5a.

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

#ccde5a border color

This element has a border color of #ccde5a.

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

CSS codes

.text {color:#ccde5a;}

.background {background-color:#ccde5a;}

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

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

#0d0f03
```
#0d0f03 rgb(13,15,3)
```
#1c1f06
```
#1c1f06 rgb(28,31,6)
```
#2a300a
```
#2a300a rgb(42,48,10)
```
#39400d
```
#39400d rgb(57,64,13)
```
#475010
```
#475010 rgb(71,80,16)
```
#566113
```
#566113 rgb(86,97,19)
```
#657117
```
#657117 rgb(101,113,23)
```
#73811a
```
#73811a rgb(115,129,26)
```
#82921d
```
#82921d rgb(130,146,29)
```
#90a220
```
#90a220 rgb(144,162,32)
```
#9fb224
```
#9fb224 rgb(159,178,36)
```
#adc327
```
#adc327 rgb(173,195,39)
```
#bcd32a
```
#bcd32a rgb(188,211,42)
```

Shade Color Variation

#c2d739
```
#c2d739 rgb(194,215,57)
```
#c7db4a
```
#c7db4a rgb(199,219,74)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#d1e16a
```
#d1e16a rgb(209,225,106)
```
#d6e57b
```
#d6e57b rgb(214,229,123)
```
#dbe88b
```
#dbe88b rgb(219,232,139)
```
#e0eb9b
```
#e0eb9b rgb(224,235,155)
```
#e5eeac
```
#e5eeac rgb(229,238,172)
```
#eaf2bc
```
#eaf2bc rgb(234,242,188)
```
#eff5cc
```
#eff5cc rgb(239,245,204)
```
#f4f8dd
```
#f4f8dd rgb(244,248,221)
```
#f9fbed
```
#f9fbed rgb(249,251,237)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#a0a197
```
#a0a197 rgb(160,161,151)
```
#a5a98f
```
#a5a98f rgb(165,169,143)
```
#abb088
```
#abb088 rgb(171,176,136)
```
#b0b880
```
#b0b880 rgb(176,184,128)
```
#b6c078
```
#b6c078 rgb(182,192,120)
```
#bbc771
```
#bbc771 rgb(187,199,113)
```
#c1cf69
```
#c1cf69 rgb(193,207,105)
```
#c6d662
```
#c6d662 rgb(198,214,98)
```
#ccde5a
```
#ccde5a rgb(204,222,90)
```
#d2e652
```
#d2e652 rgb(210,230,82)
```
#d7ed4b
```
#d7ed4b rgb(215,237,75)
```
#ddf543
```
#ddf543 rgb(221,245,67)
```
#e2fc3c
```
#e2fc3c rgb(226,252,60)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#caceb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd65f Protanopia 1% of men
#ffce85 Deuteranopia 1% of men
#ddd2e1 Tritanopia 0.001% of the population

Trichromacy

#e1d95d Protanomaly 1% of men, 0.01% of women
#ecd475 Deuteranomaly 6% of men, 0.4% of women
#d7d6b0 Tritanomaly 0.01% of the population

#ccde5a hex color

#ccde5a Color Information

#ccde5a Color Conversion

Color Schemes with #ccde5a

Alternatives to #ccde5a

#ccde5a Preview

Shades and Tints of #ccde5a

Tones of #ccde5a

Color Blindness Simulator