#ccd50e hex color

In a RGB color space, hex #ccd50e is composed of 80% red, 83.5% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 0% magenta, 93.4% yellow and 16.5% black. It has a hue angle of 62.7 degrees, a saturation of 87.7% and a lightness of 44.5%. #ccd50e color hex could be obtained by blending #ffff1c with #99ab00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 84
- B 5
RGB color chart
- C 4
- M 0
- Y 93
- K 16
CMYK color chart

● #ccd50e color description : Strong yellow.

The hexadecimal color #ccd50e has RGB values of R:204, G:213, B:14 and CMYK values of C:0.04, M:0, Y:0.93, K:0.16. Its decimal value is 13423886.

Hex triplet	ccd50e	`#ccd50e`
RGB Decimal	204, 213, 14	`rgb(204,213,14)`
RGB Percent	80, 83.5, 5.5	`rgb(80%,83.5%,5.5%)`
CMYK	4, 0, 93, 16
HSL	62.7°, 87.7, 44.5	`hsl(62.7,87.7%,44.5%)`
HSV (or HSB)	62.7°, 93.4, 83.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.087, -22.482, 80.36
XYZ	48.775, 60.458, 9.516
xyY	0.411, 0.509, 60.458
CIE-LCH	82.087, 83.446, 105.63
CIE-LUV	82.087, 0.421, 90.199
Hunter-Lab	77.755, -24.098, 47.172
Binary	11001100, 11010101, 00001110

#ccd50e
```
#ccd50e rgb(204,213,14)
```
#170ed5
```
#170ed5 rgb(23,14,213)
```

Complementary Color

#d57b0e
```
#d57b0e rgb(213,123,14)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#69d50e
```
#69d50e rgb(105,213,14)
```

Analogous Color

#7b0ed5
```
#7b0ed5 rgb(123,14,213)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#0e69d5
```
#0e69d5 rgb(14,105,213)
```

Split Complementary Color

#d50ecc
```
#d50ecc rgb(213,14,204)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#0eccd5
```
#0eccd5 rgb(14,204,213)
```

Triadic Color

#d5170e
```
#d5170e rgb(213,23,14)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#0eccd5
```
#0eccd5 rgb(14,204,213)
```
#170ed5
```
#170ed5 rgb(23,14,213)
```

Tetradic Color

#878d09
```
#878d09 rgb(135,141,9)
```
#9ea50b
```
#9ea50b rgb(158,165,11)
```
#b5bd0c
```
#b5bd0c rgb(181,189,12)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#e3ed10
```
#e3ed10 rgb(227,237,16)
```
#e7f125
```
#e7f125 rgb(231,241,37)
```
#eaf23d
```
#eaf23d rgb(234,242,61)
```

Monochromatic Color

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

#d5ac0e
```
#d5ac0e rgb(213,172,14)
```
#d5bd0e
```
#d5bd0e rgb(213,189,14)
```
#d5cd0e
```
#d5cd0e rgb(213,205,14)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#bbd50e
```
#bbd50e rgb(187,213,14)
```
#abd50e
```
#abd50e rgb(171,213,14)
```
#9ad50e
```
#9ad50e rgb(154,213,14)
```

Similar Colors

Text with hexadecimal color #ccd50e

This text has a font color of #ccd50e.

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

#ccd50e background color

This paragraph has a background color of #ccd50e.

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

#ccd50e border color

This element has a border color of #ccd50e.

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

CSS codes

.text {color:#ccd50e;}

.background {background-color:#ccd50e;}

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

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

#0a0b01
```
#0a0b01 rgb(10,11,1)
```
#1c1d02
```
#1c1d02 rgb(28,29,2)
```
#2d2f03
```
#2d2f03 rgb(45,47,3)
```
#3f4204
```
#3f4204 rgb(63,66,4)
```
#515406
```
#515406 rgb(81,84,6)
```
#626707
```
#626707 rgb(98,103,7)
```
#747908
```
#747908 rgb(116,121,8)
```
#858b09
```
#858b09 rgb(133,139,9)
```
#979e0a
```
#979e0a rgb(151,158,10)
```
#a9b00c
```
#a9b00c rgb(169,176,12)
```
#bac30d
```
#bac30d rgb(186,195,13)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#dee70f
```
#dee70f rgb(222,231,15)
```

Shade Color Variation

#e6f01a
```
#e6f01a rgb(230,240,26)
```
#e8f12d
```
#e8f12d rgb(232,241,45)
```
#eaf23f
```
#eaf23f rgb(234,242,63)
```
#ecf451
```
#ecf451 rgb(236,244,81)
```
#eef564
```
#eef564 rgb(238,245,100)
```
#f0f676
```
#f0f676 rgb(240,246,118)
```
#f2f789
```
#f2f789 rgb(242,247,137)
```
#f4f89b
```
#f4f89b rgb(244,248,155)
```
#f6faae
```
#f6faae rgb(246,250,174)
```
#f8fbc0
```
#f8fbc0 rgb(248,251,192)
```
#fafcd2
```
#fafcd2 rgb(250,252,210)
```
#fcfde5
```
#fcfde5 rgb(252,253,229)
```
#fefef7
```
#fefef7 rgb(254,254,247)
```

Tint Color Variation

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

#75756e
```
#75756e rgb(117,117,110)
```
#7d7e65
```
#7d7e65 rgb(125,126,101)
```
#85865d
```
#85865d rgb(133,134,93)
```
#8c8f54
```
#8c8f54 rgb(140,143,84)
```
#94984b
```
#94984b rgb(148,152,75)
```
#9ca142
```
#9ca142 rgb(156,161,66)
```
#a4a93a
```
#a4a93a rgb(164,169,58)
```
#acb231
```
#acb231 rgb(172,178,49)
```
#b4bb28
```
#b4bb28 rgb(180,187,40)
```
#bcc41f
```
#bcc41f rgb(188,196,31)
```
#c4cc17
```
#c4cc17 rgb(196,204,23)
```
#ccd50e
```
#ccd50e rgb(204,213,14)
```
#d4de05
```
#d4de05 rgb(212,222,5)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bfc199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf16 Protanopia 1% of men
#ffc54d Deuteranopia 1% of men
#dec8d7 Tritanopia 0.001% of the population

Trichromacy

#ddd113 Protanomaly 1% of men, 0.01% of women
#eccb36 Deuteranomaly 6% of men, 0.4% of women
#d7cd8d Tritanomaly 0.01% of the population

#ccd50e hex color

#ccd50e Color Information

#ccd50e Color Conversion

Color Schemes with #ccd50e

Alternatives to #ccd50e

#ccd50e Preview

Shades and Tints of #ccd50e

Tones of #ccd50e

Color Blindness Simulator