#ccd252 hex color

In a RGB color space, hex #ccd252 is composed of 80% red, 82.4% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 2.9% cyan, 0% magenta, 61% yellow and 17.6% black. It has a hue angle of 62.8 degrees, a saturation of 58.7% and a lightness of 57.3%. #ccd252 color hex could be obtained by blending #ffffa4 with #99a500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 82
- B 32
RGB color chart
- C 3
- M 0
- Y 61
- K 18
CMYK color chart

● #ccd252 color description : Moderate yellow.

The hexadecimal color #ccd252 has RGB values of R:204, G:210, B:82 and CMYK values of C:0.03, M:0, Y:0.61, K:0.18. Its decimal value is 13423186.

Hex triplet	ccd252	`#ccd252`
RGB Decimal	204, 210, 82	`rgb(204,210,82)`
RGB Percent	80, 82.4, 32.2	`rgb(80%,82.4%,32.2%)`
CMYK	3, 0, 61, 18
HSL	62.8°, 58.7, 57.3	`hsl(62.8,58.7%,57.3%)`
HSV (or HSB)	62.8°, 61, 82.4
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.588, -18.437, 60.839
XYZ	49.471, 59.54, 16.869
xyY	0.393, 0.473, 59.54
CIE-LCH	81.588, 63.571, 106.86
CIE-LUV	81.588, 1.489, 75.523
Hunter-Lab	77.162, -20.592, 41.052
Binary	11001100, 11010010, 01010010

#ccd252
```
#ccd252 rgb(204,210,82)
```
#5852d2
```
#5852d2 rgb(88,82,210)
```

Complementary Color

#d29852
```
#d29852 rgb(210,152,82)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#8cd252
```
#8cd252 rgb(140,210,82)
```

Analogous Color

#9852d2
```
#9852d2 rgb(152,82,210)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#528cd2
```
#528cd2 rgb(82,140,210)
```

Split Complementary Color

#d252cc
```
#d252cc rgb(210,82,204)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#52ccd2
```
#52ccd2 rgb(82,204,210)
```

Triadic Color

#d25852
```
#d25852 rgb(210,88,82)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#52ccd2
```
#52ccd2 rgb(82,204,210)
```
#5852d2
```
#5852d2 rgb(88,82,210)
```

Tetradic Color

#a5ab2c
```
#a5ab2c rgb(165,171,44)
```
#b9bf32
```
#b9bf32 rgb(185,191,50)
```
#c6cd3e
```
#c6cd3e rgb(198,205,62)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#d2d766
```
#d2d766 rgb(210,215,102)
```
#d8dd7a
```
#d8dd7a rgb(216,221,122)
```
#dee28f
```
#dee28f rgb(222,226,143)
```

Monochromatic Color

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

#d2b852
```
#d2b852 rgb(210,184,82)
```
#d2c352
```
#d2c352 rgb(210,195,82)
```
#d2cd52
```
#d2cd52 rgb(210,205,82)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#c1d252
```
#c1d252 rgb(193,210,82)
```
#b7d252
```
#b7d252 rgb(183,210,82)
```
#acd252
```
#acd252 rgb(172,210,82)
```

Similar Colors

Text with hexadecimal color #ccd252

This text has a font color of #ccd252.

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

#ccd252 background color

This paragraph has a background color of #ccd252.

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

#ccd252 border color

This element has a border color of #ccd252.

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

CSS codes

.text {color:#ccd252;}

.background {background-color:#ccd252;}

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

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

#0d0e04
```
#0d0e04 rgb(13,14,4)
```
#1c1d08
```
#1c1d08 rgb(28,29,8)
```
#2b2d0c
```
#2b2d0c rgb(43,45,12)
```
#3a3c10
```
#3a3c10 rgb(58,60,16)
```
#494c14
```
#494c14 rgb(73,76,20)
```
#585c18
```
#585c18 rgb(88,92,24)
```
#676b1c
```
#676b1c rgb(103,107,28)
```
#777b20
```
#777b20 rgb(119,123,32)
```
#868a24
```
#868a24 rgb(134,138,36)
```
#959a28
```
#959a28 rgb(149,154,40)
```
#a4a92c
```
#a4a92c rgb(164,169,44)
```
#b3b930
```
#b3b930 rgb(179,185,48)
```
#c2c934
```
#c2c934 rgb(194,201,52)
```

Shade Color Variation

#c7ce42
```
#c7ce42 rgb(199,206,66)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#d1d662
```
#d1d662 rgb(209,214,98)
```
#d5da71
```
#d5da71 rgb(213,218,113)
```
#dade81
```
#dade81 rgb(218,222,129)
```
#dee290
```
#dee290 rgb(222,226,144)
```
#e3e6a0
```
#e3e6a0 rgb(227,230,160)
```
#e8eaaf
```
#e8eaaf rgb(232,234,175)
```
#eceebf
```
#eceebf rgb(236,238,191)
```
#f1f2cf
```
#f1f2cf rgb(241,242,207)
```
#f5f6de
```
#f5f6de rgb(245,246,222)
```
#fafaee
```
#fafaee rgb(250,250,238)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#97978d
```
#97978d rgb(151,151,141)
```
#9ea084
```
#9ea084 rgb(158,160,132)
```
#a6a87c
```
#a6a87c rgb(166,168,124)
```
#aeb074
```
#aeb074 rgb(174,176,116)
```
#b5b96b
```
#b5b96b rgb(181,185,107)
```
#bdc163
```
#bdc163 rgb(189,193,99)
```
#c4ca5a
```
#c4ca5a rgb(196,202,90)
```
#ccd252
```
#ccd252 rgb(204,210,82)
```
#d4da4a
```
#d4da4a rgb(212,218,74)
```
#dbe341
```
#dbe341 rgb(219,227,65)
```
#e3eb39
```
#e3eb39 rgb(227,235,57)
```
#eaf430
```
#eaf430 rgb(234,244,48)
```
#f2fc28
```
#f2fc28 rgb(242,252,40)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c5ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cd59 Protanopia 1% of men
#fcc461 Deuteranopia 1% of men
#dcc7d5 Tritanopia 0.001% of the population

Trichromacy

#dbcf56 Protanomaly 1% of men, 0.01% of women
#eac95b Deuteranomaly 6% of men, 0.4% of women
#d6cba5 Tritanomaly 0.01% of the population

#ccd252 hex color

#ccd252 Color Information

#ccd252 Color Conversion

Color Schemes with #ccd252

Alternatives to #ccd252

#ccd252 Preview

Shades and Tints of #ccd252

Tones of #ccd252

Color Blindness Simulator