#ccd45b hex color

In a RGB color space, hex #ccd45b is composed of 80% red, 83.1% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 57.1% yellow and 16.9% black. It has a hue angle of 64 degrees, a saturation of 58.5% and a lightness of 59.4%. #ccd45b color hex could be obtained by blending #ffffb6 with #99a900. Closest websafe color is: #cccc66.

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

● #ccd45b color description : Moderate yellow.

The hexadecimal color #ccd45b has RGB values of R:204, G:212, B:91 and CMYK values of C:0.04, M:0, Y:0.57, K:0.17. Its decimal value is 13423707.

Hex triplet	ccd45b	`#ccd45b`
RGB Decimal	204, 212, 91	`rgb(204,212,91)`
RGB Percent	80, 83.1, 35.7	`rgb(80%,83.1%,35.7%)`
CMYK	4, 0, 57, 17
HSL	64°, 58.5, 59.4	`hsl(64,58.5%,59.4%)`
HSV (or HSB)	64°, 57.1, 83.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.206, -18.782, 57.642
XYZ	50.333, 60.68, 18.958
xyY	0.387, 0.467, 60.68
CIE-LCH	82.206, 60.625, 108.047
CIE-LUV	82.206, 0.052, 73.141
Hunter-Lab	77.897, -20.983, 40.099
Binary	11001100, 11010100, 01011011

#ccd45b
```
#ccd45b rgb(204,212,91)
```
#635bd4
```
#635bd4 rgb(99,91,212)
```

Complementary Color

#d4a05b
```
#d4a05b rgb(212,160,91)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#90d45b
```
#90d45b rgb(144,212,91)
```

Analogous Color

#a05bd4
```
#a05bd4 rgb(160,91,212)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#5b90d4
```
#5b90d4 rgb(91,144,212)
```

Split Complementary Color

#d45bcc
```
#d45bcc rgb(212,91,204)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#5bccd4
```
#5bccd4 rgb(91,204,212)
```

Triadic Color

#d4635b
```
#d4635b rgb(212,99,91)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#5bccd4
```
#5bccd4 rgb(91,204,212)
```
#635bd4
```
#635bd4 rgb(99,91,212)
```

Tetradic Color

#abb32f
```
#abb32f rgb(171,179,47)
```
#bec834
```
#bec834 rgb(190,200,52)
```
#c6cf47
```
#c6cf47 rgb(198,207,71)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#d2d96f
```
#d2d96f rgb(210,217,111)
```
#d9df83
```
#d9df83 rgb(217,223,131)
```
#dfe498
```
#dfe498 rgb(223,228,152)
```

Monochromatic Color

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

#d4be5b
```
#d4be5b rgb(212,190,91)
```
#d4c85b
```
#d4c85b rgb(212,200,91)
```
#d4d25b
```
#d4d25b rgb(212,210,91)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#c2d45b
```
#c2d45b rgb(194,212,91)
```
#b8d45b
```
#b8d45b rgb(184,212,91)
```
#aed45b
```
#aed45b rgb(174,212,91)
```

Similar Colors

Text with hexadecimal color #ccd45b

This text has a font color of #ccd45b.

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

#ccd45b background color

This paragraph has a background color of #ccd45b.

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

#ccd45b border color

This element has a border color of #ccd45b.

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

CSS codes

.text {color:#ccd45b;}

.background {background-color:#ccd45b;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#151606
```
#151606 rgb(21,22,6)
```
#24260a
```
#24260a rgb(36,38,10)
```
#33360e
```
#33360e rgb(51,54,14)
```
#424512
```
#424512 rgb(66,69,18)
```
#515516
```
#515516 rgb(81,85,22)
```
#5f641a
```
#5f641a rgb(95,100,26)
```
#6e741e
```
#6e741e rgb(110,116,30)
```
#7d8322
```
#7d8322 rgb(125,131,34)
```
#8c9326
```
#8c9326 rgb(140,147,38)
```
#9aa22b
```
#9aa22b rgb(154,162,43)
```
#a9b22f
```
#a9b22f rgb(169,178,47)
```
#b8c133
```
#b8c133 rgb(184,193,51)
```

Shade Color Variation

#c2cc3c
```
#c2cc3c rgb(194,204,60)
```
#c7d04b
```
#c7d04b rgb(199,208,75)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#d1d86b
```
#d1d86b rgb(209,216,107)
```
#d6dc7a
```
#d6dc7a rgb(214,220,122)
```
#dae08a
```
#dae08a rgb(218,224,138)
```
#dfe499
```
#dfe499 rgb(223,228,153)
```
#e4e8a9
```
#e4e8a9 rgb(228,232,169)
```
#e9ecb8
```
#e9ecb8 rgb(233,236,184)
```
#eef1c8
```
#eef1c8 rgb(238,241,200)
```
#f3f5d7
```
#f3f5d7 rgb(243,245,215)
```
#f7f9e7
```
#f7f9e7 rgb(247,249,231)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#9c9c93
```
#9c9c93 rgb(156,156,147)
```
#a3a48b
```
#a3a48b rgb(163,164,139)
```
#a9ac83
```
#a9ac83 rgb(169,172,131)
```
#b0b47b
```
#b0b47b rgb(176,180,123)
```
#b7bc73
```
#b7bc73 rgb(183,188,115)
```
#bec46b
```
#bec46b rgb(190,196,107)
```
#c5cc63
```
#c5cc63 rgb(197,204,99)
```
#ccd45b
```
#ccd45b rgb(204,212,91)
```
#d3dc53
```
#d3dc53 rgb(211,220,83)
```
#dae44b
```
#dae44b rgb(218,228,75)
```
#e1ec43
```
#e1ec43 rgb(225,236,67)
```
#e8f43b
```
#e8f43b rgb(232,244,59)
```
#effc33
```
#effc33 rgb(239,252,51)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c7af Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cf61 Protanopia 1% of men
#fdc569 Deuteranopia 1% of men
#dcc9d8 Tritanopia 0.001% of the population

Trichromacy

#dbd15f Protanomaly 1% of men, 0.01% of women
#ebcb64 Deuteranomaly 6% of men, 0.4% of women
#d6cdaa Tritanomaly 0.01% of the population

#ccd45b hex color

#ccd45b Color Information

#ccd45b Color Conversion

Color Schemes with #ccd45b

Alternatives to #ccd45b

#ccd45b Preview

Shades and Tints of #ccd45b

Tones of #ccd45b

Color Blindness Simulator