#ccc252 hex color

In a RGB color space, hex #ccc252 is composed of 80% red, 76.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 59.8% yellow and 20% black. It has a hue angle of 55.1 degrees, a saturation of 54.5% and a lightness of 56.1%. #ccc252 color hex could be obtained by blending #ffffa4 with #998500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 76
- B 32
RGB color chart
- C 0
- M 5
- Y 60
- K 20
CMYK color chart

● #ccc252 color description : Moderate yellow.

The hexadecimal color #ccc252 has RGB values of R:204, G:194, B:82 and CMYK values of C:0, M:0.05, Y:0.6, K:0.2. Its decimal value is 13419090.

Hex triplet	ccc252	`#ccc252`
RGB Decimal	204, 194, 82	`rgb(204,194,82)`
RGB Percent	80, 76.1, 32.2	`rgb(80%,76.1%,32.2%)`
CMYK	0, 5, 60, 20
HSL	55.1°, 54.5, 56.1	`hsl(55.1,54.5%,56.1%)`
HSV (or HSB)	55.1°, 59.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.299, -10.397, 56.17
XYZ	45.717, 52.031, 15.617
xyY	0.403, 0.459, 52.031
CIE-LCH	77.299, 57.124, 100.487
CIE-LUV	77.299, 11.678, 68.379
Hunter-Lab	72.133, -13.101, 37.656
Binary	11001100, 11000010, 01010010

#ccc252
```
#ccc252 rgb(204,194,82)
```
#525ccc
```
#525ccc rgb(82,92,204)
```

Complementary Color

#cc8552
```
#cc8552 rgb(204,133,82)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#99cc52
```
#99cc52 rgb(153,204,82)
```

Analogous Color

#8552cc
```
#8552cc rgb(133,82,204)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#5299cc
```
#5299cc rgb(82,153,204)
```

Split Complementary Color

#c252cc
```
#c252cc rgb(194,82,204)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#52ccc2
```
#52ccc2 rgb(82,204,194)
```

Triadic Color

#cc525c
```
#cc525c rgb(204,82,92)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#52ccc2
```
#52ccc2 rgb(82,204,194)
```
#525ccc
```
#525ccc rgb(82,92,204)
```

Tetradic Color

#a29830
```
#a29830 rgb(162,152,48)
```
#b5ab36
```
#b5ab36 rgb(181,171,54)
```
#c6bb3e
```
#c6bb3e rgb(198,187,62)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#d2c966
```
#d2c966 rgb(210,201,102)
```
#d8d079
```
#d8d079 rgb(216,208,121)
```
#ddd78d
```
#ddd78d rgb(221,215,141)
```

Monochromatic Color

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

#cca452
```
#cca452 rgb(204,164,82)
```
#ccae52
```
#ccae52 rgb(204,174,82)
```
#ccb852
```
#ccb852 rgb(204,184,82)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#cccc52
```
#cccc52 rgb(204,204,82)
```
#c2cc52
```
#c2cc52 rgb(194,204,82)
```
#b8cc52
```
#b8cc52 rgb(184,204,82)
```

Similar Colors

Text with hexadecimal color #ccc252

This text has a font color of #ccc252.

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

#ccc252 background color

This paragraph has a background color of #ccc252.

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

#ccc252 border color

This element has a border color of #ccc252.

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

CSS codes

.text {color:#ccc252;}

.background {background-color:#ccc252;}

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

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

#090803
```
#090803 rgb(9,8,3)
```
#181707
```
#181707 rgb(24,23,7)
```
#27250c
```
#27250c rgb(39,37,12)
```
#363310
```
#363310 rgb(54,51,16)
```
#454114
```
#454114 rgb(69,65,20)
```
#555019
```
#555019 rgb(85,80,25)
```
#645e1d
```
#645e1d rgb(100,94,29)
```
#736c22
```
#736c22 rgb(115,108,34)
```
#827a26
```
#827a26 rgb(130,122,38)
```
#91892b
```
#91892b rgb(145,137,43)
```
#a0972f
```
#a0972f rgb(160,151,47)
```
#afa534
```
#afa534 rgb(175,165,52)
```
#bfb438
```
#bfb438 rgb(191,180,56)
```

Shade Color Variation

#c8bd43
```
#c8bd43 rgb(200,189,67)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#d0c761
```
#d0c761 rgb(208,199,97)
```
#d5cd70
```
#d5cd70 rgb(213,205,112)
```
#d9d27f
```
#d9d27f rgb(217,210,127)
```
#ded78f
```
#ded78f rgb(222,215,143)
```
#e2dd9e
```
#e2dd9e rgb(226,221,158)
```
#e7e2ad
```
#e7e2ad rgb(231,226,173)
```
#ebe7bc
```
#ebe7bc rgb(235,231,188)
```
#f0edcb
```
#f0edcb rgb(240,237,203)
```
#f4f2da
```
#f4f2da rgb(244,242,218)
```
#f9f7e9
```
#f9f7e9 rgb(249,247,233)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#90908e
```
#90908e rgb(144,144,142)
```
#989786
```
#989786 rgb(152,151,134)
```
#a19e7d
```
#a19e7d rgb(161,158,125)
```
#aaa574
```
#aaa574 rgb(170,165,116)
```
#b2ac6c
```
#b2ac6c rgb(178,172,108)
```
#bbb463
```
#bbb463 rgb(187,180,99)
```
#c3bb5b
```
#c3bb5b rgb(195,187,91)
```
#ccc252
```
#ccc252 rgb(204,194,82)
```
#d5c949
```
#d5c949 rgb(213,201,73)
```
#ddd041
```
#ddd041 rgb(221,208,65)
```
#e6d838
```
#e6d838 rgb(230,216,56)
```
#eedf30
```
#eedf30 rgb(238,223,48)
```
#f7e627
```
#f7e627 rgb(247,230,39)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcbaa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c25a Protanopia 1% of men
#edb95f Deuteranopia 1% of men
#d9b9c6 Tritanopia 0.001% of the population

Trichromacy

#d2c257 Protanomaly 1% of men, 0.01% of women
#e1bc5a Deuteranomaly 6% of men, 0.4% of women
#d4bc9c Tritanomaly 0.01% of the population

#ccc252 hex color

#ccc252 Color Information

#ccc252 Color Conversion

Color Schemes with #ccc252

Alternatives to #ccc252

#ccc252 Preview

Shades and Tints of #ccc252

Tones of #ccc252

Color Blindness Simulator