#ccd31b hex color

In a RGB color space, hex #ccd31b is composed of 80% red, 82.7% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 87.2% yellow and 17.3% black. It has a hue angle of 62.3 degrees, a saturation of 77.3% and a lightness of 46.7%. #ccd31b color hex could be obtained by blending #ffff36 with #99a700. Closest websafe color is: #cccc33.

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

● #ccd31b color description : Strong yellow.

The hexadecimal color #ccd31b has RGB values of R:204, G:211, B:27 and CMYK values of C:0.03, M:0, Y:0.87, K:0.17. Its decimal value is 13423387.

Hex triplet	ccd31b	`#ccd31b`
RGB Decimal	204, 211, 27	`rgb(204,211,27)`
RGB Percent	80, 82.7, 10.6	`rgb(80%,82.7%,10.6%)`
CMYK	3, 0, 87, 17
HSL	62.3°, 77.3, 46.7	`hsl(62.3,77.3%,46.7%)`
HSV (or HSB)	62.3°, 87.2, 82.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	81.569, -21.296, 78.067
XYZ	48.394, 59.506, 9.973
xyY	0.411, 0.505, 59.506
CIE-LCH	81.569, 80.92, 105.259
CIE-LUV	81.569, 1.631, 88.296
Hunter-Lab	77.14, -23.012, 46.332
Binary	11001100, 11010011, 00011011

#ccd31b
```
#ccd31b rgb(204,211,27)
```
#221bd3
```
#221bd3 rgb(34,27,211)
```

Complementary Color

#d37e1b
```
#d37e1b rgb(211,126,27)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```
#70d31b
```
#70d31b rgb(112,211,27)
```

Analogous Color

#7e1bd3
```
#7e1bd3 rgb(126,27,211)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```
#1b70d3
```
#1b70d3 rgb(27,112,211)
```

Split Complementary Color

#d31bcc
```
#d31bcc rgb(211,27,204)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```
#1bccd3
```
#1bccd3 rgb(27,204,211)
```

Triadic Color

#d3221b
```
#d3221b rgb(211,34,27)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```
#1bccd3
```
#1bccd3 rgb(27,204,211)
```
#221bd3
```
#221bd3 rgb(34,27,211)
```

Tetradic Color

#8a8f12
```
#8a8f12 rgb(138,143,18)
```
#a0a615
```
#a0a615 rgb(160,166,21)
```
#b6bc18
```
#b6bc18 rgb(182,188,24)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```
#dce324
```
#dce324 rgb(220,227,36)
```
#dfe63b
```
#dfe63b rgb(223,230,59)
```
#e3e952
```
#e3e952 rgb(227,233,82)
```

Monochromatic Color

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

#d3ac1b
```
#d3ac1b rgb(211,172,27)
```
#d3bb1b
```
#d3bb1b rgb(211,187,27)
```
#d3cb1b
```
#d3cb1b rgb(211,203,27)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```
#bdd31b
```
#bdd31b rgb(189,211,27)
```
#add31b
```
#add31b rgb(173,211,27)
```
#9ed31b
```
#9ed31b rgb(158,211,27)
```

Similar Colors

Text with hexadecimal color #ccd31b

This text has a font color of #ccd31b.

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

#ccd31b background color

This paragraph has a background color of #ccd31b.

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

#ccd31b border color

This element has a border color of #ccd31b.

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

CSS codes

.text {color:#ccd31b;}

.background {background-color:#ccd31b;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131403
```
#131403 rgb(19,20,3)
```
#242505
```
#242505 rgb(36,37,5)
```
#353607
```
#353607 rgb(53,54,7)
```
#454809
```
#454809 rgb(69,72,9)
```
#56590b
```
#56590b rgb(86,89,11)
```
#676b0e
```
#676b0e rgb(103,107,14)
```
#787c10
```
#787c10 rgb(120,124,16)
```
#898d12
```
#898d12 rgb(137,141,18)
```
#9a9f14
```
#9a9f14 rgb(154,159,20)
```
#aab017
```
#aab017 rgb(170,176,23)
```
#bbc219
```
#bbc219 rgb(187,194,25)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```

Shade Color Variation

#dbe21f
```
#dbe21f rgb(219,226,31)
```
#dee531
```
#dee531 rgb(222,229,49)
```
#e1e742
```
#e1e742 rgb(225,231,66)
```
#e3e953
```
#e3e953 rgb(227,233,83)
```
#e6eb65
```
#e6eb65 rgb(230,235,101)
```
#e9ed76
```
#e9ed76 rgb(233,237,118)
```
#ecf088
```
#ecf088 rgb(236,240,136)
```
#eff299
```
#eff299 rgb(239,242,153)
```
#f1f4aa
```
#f1f4aa rgb(241,244,170)
```
#f4f6bc
```
#f4f6bc rgb(244,246,188)
```
#f7f9cd
```
#f7f9cd rgb(247,249,205)
```
#fafbdf
```
#fafbdf rgb(250,251,223)
```
#fdfdf0
```
#fdfdf0 rgb(253,253,240)
```

Tint Color Variation

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

#777777
```
#777777 rgb(119,119,119)
```
#80816d
```
#80816d rgb(128,129,109)
```
#888a64
```
#888a64 rgb(136,138,100)
```
#91935b
```
#91935b rgb(145,147,91)
```
#999c52
```
#999c52 rgb(153,156,82)
```
#a2a549
```
#a2a549 rgb(162,165,73)
```
#aaae40
```
#aaae40 rgb(170,174,64)
```
#b3b836
```
#b3b836 rgb(179,184,54)
```
#bbc12d
```
#bbc12d rgb(187,193,45)
```
#c4ca24
```
#c4ca24 rgb(196,202,36)
```
#ccd31b
```
#ccd31b rgb(204,211,27)
```
#d4dc12
```
#d4dc12 rgb(212,220,18)
```
#dde509
```
#dde509 rgb(221,229,9)
```

Tone Color Variation

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

Dichromacy

#e6cd24 Protanopia 1% of men
#ffc340 Deuteranopia 1% of men
#ddc7d5 Tritanopia 0.001% of the population

Trichromacy

#dccf21 Protanomaly 1% of men, 0.01% of women
#ecc932 Deuteranomaly 6% of men, 0.4% of women
#d7cb91 Tritanomaly 0.01% of the population

#ccd31b hex color

#ccd31b Color Information

#ccd31b Color Conversion

Color Schemes with #ccd31b

Alternatives to #ccd31b

#ccd31b Preview

Shades and Tints of #ccd31b

Tones of #ccd31b

Color Blindness Simulator