#ccd308 hex color

In a RGB color space, hex #ccd308 is composed of 80% red, 82.7% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 96.2% yellow and 17.3% black. It has a hue angle of 62.1 degrees, a saturation of 92.7% and a lightness of 42.9%. #ccd308 color hex could be obtained by blending #ffff10 with #99a700. Closest websafe color is: #cccc00.

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

● #ccd308 color description : Strong yellow.

The hexadecimal color #ccd308 has RGB values of R:204, G:211, B:8 and CMYK values of C:0.03, M:0, Y:0.96, K:0.17. Its decimal value is 13423368.

Hex triplet	ccd308	`#ccd308`
RGB Decimal	204, 211, 8	`rgb(204,211,8)`
RGB Percent	80, 82.7, 3.1	`rgb(80%,82.7%,3.1%)`
CMYK	3, 0, 96, 17
HSL	62.1°, 92.7, 42.9	`hsl(62.1,92.7%,42.9%)`
HSV (or HSB)	62.1°, 96.2, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.535, -21.575, 80.522
XYZ	48.24, 59.444, 9.162
xyY	0.413, 0.509, 59.444
CIE-LCH	81.535, 83.362, 105
CIE-LUV	81.535, 1.723, 89.774
Hunter-Lab	77.1, -23.241, 46.924
Binary	11001100, 11010011, 00001000

#ccd308
```
#ccd308 rgb(204,211,8)
```
#0f08d3
```
#0f08d3 rgb(15,8,211)
```

Complementary Color

#d37508
```
#d37508 rgb(211,117,8)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```
#67d308
```
#67d308 rgb(103,211,8)
```

Analogous Color

#7508d3
```
#7508d3 rgb(117,8,211)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```
#0867d3
```
#0867d3 rgb(8,103,211)
```

Split Complementary Color

#d308cc
```
#d308cc rgb(211,8,204)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```
#08ccd3
```
#08ccd3 rgb(8,204,211)
```

Triadic Color

#d30f08
```
#d30f08 rgb(211,15,8)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```
#08ccd3
```
#08ccd3 rgb(8,204,211)
```
#0f08d3
```
#0f08d3 rgb(15,8,211)
```

Tetradic Color

#858905
```
#858905 rgb(133,137,5)
```
#9ca206
```
#9ca206 rgb(156,162,6)
```
#b4ba07
```
#b4ba07 rgb(180,186,7)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```
#e4ec09
```
#e4ec09 rgb(228,236,9)
```
#eff618
```
#eff618 rgb(239,246,24)
```
#f0f730
```
#f0f730 rgb(240,247,48)
```

Monochromatic Color

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

#d3a708
```
#d3a708 rgb(211,167,8)
```
#d3b808
```
#d3b808 rgb(211,184,8)
```
#d3c908
```
#d3c908 rgb(211,201,8)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```
#bbd308
```
#bbd308 rgb(187,211,8)
```
#aad308
```
#aad308 rgb(170,211,8)
```
#99d308
```
#99d308 rgb(153,211,8)
```

Similar Colors

Text with hexadecimal color #ccd308

This text has a font color of #ccd308.

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

#ccd308 background color

This paragraph has a background color of #ccd308.

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

#ccd308 border color

This element has a border color of #ccd308.

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

CSS codes

.text {color:#ccd308;}

.background {background-color:#ccd308;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#151601
```
#151601 rgb(21,22,1)
```
#282902
```
#282902 rgb(40,41,2)
```
#3a3c02
```
#3a3c02 rgb(58,60,2)
```
#4c4f03
```
#4c4f03 rgb(76,79,3)
```
#5e6204
```
#5e6204 rgb(94,98,4)
```
#717504
```
#717504 rgb(113,117,4)
```
#838705
```
#838705 rgb(131,135,5)
```
#959a06
```
#959a06 rgb(149,154,6)
```
#a7ad07
```
#a7ad07 rgb(167,173,7)
```
#bac007
```
#bac007 rgb(186,192,7)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```
#dee609
```
#dee609 rgb(222,230,9)
```

Shade Color Variation

#eef60c
```
#eef60c rgb(238,246,12)
```
#eff71f
```
#eff71f rgb(239,247,31)
```
#f0f732
```
#f0f732 rgb(240,247,50)
```
#f2f845
```
#f2f845 rgb(242,248,69)
```
#f3f958
```
#f3f958 rgb(243,249,88)
```
#f4f96b
```
#f4f96b rgb(244,249,107)
```
#f6fa7e
```
#f6fa7e rgb(246,250,126)
```
#f7fb91
```
#f7fb91 rgb(247,251,145)
```
#f9fca4
```
#f9fca4 rgb(249,252,164)
```
#fafcb7
```
#fafcb7 rgb(250,252,183)
```
#fbfdc9
```
#fbfdc9 rgb(251,253,201)
```
#fdfedc
```
#fdfedc rgb(253,254,220)
```
#fefeef
```
#fefeef rgb(254,254,239)
```

Tint Color Variation

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

#6e6e6d
```
#6e6e6d rgb(110,110,109)
```
#767665
```
#767665 rgb(118,118,101)
```
#7e7f5c
```
#7e7f5c rgb(126,127,92)
```
#858754
```
#858754 rgb(133,135,84)
```
#8d904b
```
#8d904b rgb(141,144,75)
```
#959843
```
#959843 rgb(149,152,67)
```
#9da03b
```
#9da03b rgb(157,160,59)
```
#a5a932
```
#a5a932 rgb(165,169,50)
```
#adb12a
```
#adb12a rgb(173,177,42)
```
#b4ba21
```
#b4ba21 rgb(180,186,33)
```
#bcc219
```
#bcc219 rgb(188,194,25)
```
#c4cb10
```
#c4cb10 rgb(196,203,16)
```
#ccd308
```
#ccd308 rgb(204,211,8)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#bebf96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd0f Protanopia 1% of men
#ffc33c Deuteranopia 1% of men
#dec7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf0d Protanomaly 1% of men, 0.01% of women
#ecc929 Deuteranomaly 6% of men, 0.4% of women
#d7cb8a Tritanomaly 0.01% of the population

#ccd308 hex color

#ccd308 Color Information

#ccd308 Color Conversion

Color Schemes with #ccd308

Alternatives to #ccd308

#ccd308 Preview

Shades and Tints of #ccd308

Tones of #ccd308

Color Blindness Simulator