colorhexa.com

#ccd50c hex color

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

- R 80
- G 84
- B 5
RGB color chart
- C 4
- M 0
- Y 94
- K 16
CMYK color chart

● #ccd50c color description : Strong yellow.

The hexadecimal color #ccd50c has RGB values of R:204, G:213, B:12 and CMYK values of C:0.04, M:0, Y:0.94, K:0.16. Its decimal value is 13423884.

Hex triplet	ccd50c	`#ccd50c`
RGB Decimal	204, 213, 12	`rgb(204,213,12)`
RGB Percent	80, 83.5, 4.7	`rgb(80%,83.5%,4.7%)`
CMYK	4, 0, 94, 16
HSL	62.7°, 89.3, 44.1	`hsl(62.7,89.3%,44.1%)`
HSV (or HSB)	62.7°, 94.4, 83.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.084, -22.505, 80.567
XYZ	48.762, 60.453, 9.448
xyY	0.411, 0.509, 60.453
CIE-LCH	82.084, 83.652, 105.607
CIE-LUV	82.084, 0.429, 90.322
Hunter-Lab	77.752, -24.117, 47.222
Binary	11001100, 11010101, 00001100

#ccd50c
```
#ccd50c rgb(204,213,12)
```
#150cd5
```
#150cd5 rgb(21,12,213)
```

Complementary Color

#d57a0c
```
#d57a0c rgb(213,122,12)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#68d50c
```
#68d50c rgb(104,213,12)
```

Analogous Color

#7a0cd5
```
#7a0cd5 rgb(122,12,213)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#0c68d5
```
#0c68d5 rgb(12,104,213)
```

Split Complementary Color

#d50ccc
```
#d50ccc rgb(213,12,204)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#0cccd5
```
#0cccd5 rgb(12,204,213)
```

Triadic Color

#d5150c
```
#d5150c rgb(213,21,12)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#0cccd5
```
#0cccd5 rgb(12,204,213)
```
#150cd5
```
#150cd5 rgb(21,12,213)
```

Tetradic Color

#878d08
```
#878d08 rgb(135,141,8)
```
#9ea509
```
#9ea509 rgb(158,165,9)
```
#b5bd0b
```
#b5bd0b rgb(181,189,11)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#e3ed0d
```
#e3ed0d rgb(227,237,13)
```
#e9f321
```
#e9f321 rgb(233,243,33)
```
#ecf43a
```
#ecf43a rgb(236,244,58)
```

Monochromatic Color

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

#d5ac0c
```
#d5ac0c rgb(213,172,12)
```
#d5bd0c
```
#d5bd0c rgb(213,189,12)
```
#d5cd0c
```
#d5cd0c rgb(213,205,12)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#bbd50c
```
#bbd50c rgb(187,213,12)
```
#abd50c
```
#abd50c rgb(171,213,12)
```
#9ad50c
```
#9ad50c rgb(154,213,12)
```

Similar Colors

Text with hexadecimal color #ccd50c

This text has a font color of #ccd50c.

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

#ccd50c background color

This paragraph has a background color of #ccd50c.

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

#ccd50c border color

This element has a border color of #ccd50c.

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

CSS codes

.text {color:#ccd50c;}

.background {background-color:#ccd50c;}

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

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

#080900
```
#080900 rgb(8,9,0)
```
#1a1b02
```
#1a1b02 rgb(26,27,2)
```
#2c2e03
```
#2c2e03 rgb(44,46,3)
```
#3e4004
```
#3e4004 rgb(62,64,4)
```
#505305
```
#505305 rgb(80,83,5)
```
#616606
```
#616606 rgb(97,102,6)
```
#737807
```
#737807 rgb(115,120,7)
```
#858b08
```
#858b08 rgb(133,139,8)
```
#979d09
```
#979d09 rgb(151,157,9)
```
#a8b00a
```
#a8b00a rgb(168,176,10)
```
#bac20b
```
#bac20b rgb(186,194,11)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#dee80d
```
#dee80d rgb(222,232,13)
```

Shade Color Variation

#e8f216
```
#e8f216 rgb(232,242,22)
```
#eaf329
```
#eaf329 rgb(234,243,41)
```
#ecf43b
```
#ecf43b rgb(236,244,59)
```
#eef54e
```
#eef54e rgb(238,245,78)
```
#eff661
```
#eff661 rgb(239,246,97)
```
#f1f773
```
#f1f773 rgb(241,247,115)
```
#f3f886
```
#f3f886 rgb(243,248,134)
```
#f5f998
```
#f5f998 rgb(245,249,152)
```
#f7faab
```
#f7faab rgb(247,250,171)
```
#f9fbbd
```
#f9fbbd rgb(249,251,189)
```
#fafcd0
```
#fafcd0 rgb(250,252,208)
```
#fcfde3
```
#fcfde3 rgb(252,253,227)
```
#fefef5
```
#fefef5 rgb(254,254,245)
```

Tint Color Variation

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

#75766b
```
#75766b rgb(117,118,107)
```
#7d7e63
```
#7d7e63 rgb(125,126,99)
```
#85875a
```
#85875a rgb(133,135,90)
```
#8d9051
```
#8d9051 rgb(141,144,81)
```
#959849
```
#959849 rgb(149,152,73)
```
#9da140
```
#9da140 rgb(157,161,64)
```
#a5aa37
```
#a5aa37 rgb(165,170,55)
```
#acb22f
```
#acb22f rgb(172,178,47)
```
#b4bb26
```
#b4bb26 rgb(180,187,38)
```
#bcc41d
```
#bcc41d rgb(188,196,29)
```
#c4cc15
```
#c4cc15 rgb(196,204,21)
```
#ccd50c
```
#ccd50c rgb(204,213,12)
```
#d4de03
```
#d4de03 rgb(212,222,3)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bec098 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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