#ccca57 hex color

In a RGB color space, hex #ccca57 is composed of 80% red, 79.2% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1% magenta, 57.4% yellow and 20% black. It has a hue angle of 59 degrees, a saturation of 53.4% and a lightness of 57.1%. #ccca57 color hex could be obtained by blending #ffffae with #999500. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 79
- B 34
RGB color chart
- C 0
- M 1
- Y 57
- K 20
CMYK color chart

● #ccca57 color description : Moderate yellow.

The hexadecimal color #ccca57 has RGB values of R:204, G:202, B:87 and CMYK values of C:0, M:0.01, Y:0.57, K:0.2. Its decimal value is 13421143.

Hex triplet	ccca57	`#ccca57`
RGB Decimal	204, 202, 87	`rgb(204,202,87)`
RGB Percent	80, 79.2, 34.1	`rgb(80%,79.2%,34.1%)`
CMYK	0, 1, 57, 20
HSL	59°, 53.4, 57.1	`hsl(59,53.4%,57.1%)`
HSV (or HSB)	59°, 57.4, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.481, -14.098, 56.371
XYZ	47.743, 55.767, 17.266
xyY	0.395, 0.462, 55.767
CIE-LCH	79.481, 58.107, 104.041
CIE-LUV	79.481, 6.383, 70.117
Hunter-Lab	74.678, -16.568, 38.566
Binary	11001100, 11001010, 01010111

#ccca57
```
#ccca57 rgb(204,202,87)
```
#5759cc
```
#5759cc rgb(87,89,204)
```

Complementary Color

#cc9057
```
#cc9057 rgb(204,144,87)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#94cc57
```
#94cc57 rgb(148,204,87)
```

Analogous Color

#9057cc
```
#9057cc rgb(144,87,204)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#5794cc
```
#5794cc rgb(87,148,204)
```

Split Complementary Color

#ca57cc
```
#ca57cc rgb(202,87,204)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#57ccca
```
#57ccca rgb(87,204,202)
```

Triadic Color

#cc5759
```
#cc5759 rgb(204,87,89)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#57ccca
```
#57ccca rgb(87,204,202)
```
#5759cc
```
#5759cc rgb(87,89,204)
```

Tetradic Color

#a5a332
```
#a5a332 rgb(165,163,50)
```
#b8b638
```
#b8b638 rgb(184,182,56)
```
#c6c443
```
#c6c443 rgb(198,196,67)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#d2d06b
```
#d2d06b rgb(210,208,107)
```
#d8d67e
```
#d8d67e rgb(216,214,126)
```
#dedd92
```
#dedd92 rgb(222,221,146)
```

Monochromatic Color

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

#ccad57
```
#ccad57 rgb(204,173,87)
```
#ccb757
```
#ccb757 rgb(204,183,87)
```
#ccc057
```
#ccc057 rgb(204,192,87)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#c4cc57
```
#c4cc57 rgb(196,204,87)
```
#bbcc57
```
#bbcc57 rgb(187,204,87)
```
#b1cc57
```
#b1cc57 rgb(177,204,87)
```

Similar Colors

Text with hexadecimal color #ccca57

This text has a font color of #ccca57.

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

#ccca57 background color

This paragraph has a background color of #ccca57.

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

#ccca57 border color

This element has a border color of #ccca57.

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

CSS codes

.text {color:#ccca57;}

.background {background-color:#ccca57;}

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

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

#0d0c04
```
#0d0c04 rgb(13,12,4)
```
#1c1b08
```
#1c1b08 rgb(28,27,8)
```
#2b2a0d
```
#2b2a0d rgb(43,42,13)
```
#3a3912
```
#3a3912 rgb(58,57,18)
```
#494816
```
#494816 rgb(73,72,22)
```
#58571b
```
#58571b rgb(88,87,27)
```
#67661f
```
#67661f rgb(103,102,31)
```
#767424
```
#767424 rgb(118,116,36)
```
#858328
```
#858328 rgb(133,131,40)
```
#94922d
```
#94922d rgb(148,146,45)
```
#a3a131
```
#a3a131 rgb(163,161,49)
```
#b2b036
```
#b2b036 rgb(178,176,54)
```
#c1bf3b
```
#c1bf3b rgb(193,191,59)
```

Shade Color Variation

#c7c548
```
#c7c548 rgb(199,197,72)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#d1cf66
```
#d1cf66 rgb(209,207,102)
```
#d5d375
```
#d5d375 rgb(213,211,117)
```
#dad884
```
#dad884 rgb(218,216,132)
```
#dedd93
```
#dedd93 rgb(222,221,147)
```
#e3e2a2
```
#e3e2a2 rgb(227,226,162)
```
#e7e6b1
```
#e7e6b1 rgb(231,230,177)
```
#ecebc0
```
#ecebc0 rgb(236,235,192)
```
#f1f0cf
```
#f1f0cf rgb(241,240,207)
```
#f5f5de
```
#f5f5de rgb(245,245,222)
```
#faf9ed
```
#faf9ed rgb(250,249,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#99998a
```
#99998a rgb(153,153,138)
```
#a2a181
```
#a2a181 rgb(162,161,129)
```
#aaa979
```
#aaa979 rgb(170,169,121)
```
#b3b270
```
#b3b270 rgb(179,178,112)
```
#bbba68
```
#bbba68 rgb(187,186,104)
```
#c4c25f
```
#c4c25f rgb(196,194,95)
```
#ccca57
```
#ccca57 rgb(204,202,87)
```
#d4d24f
```
#d4d24f rgb(212,210,79)
```
#ddda46
```
#ddda46 rgb(221,218,70)
```
#e5e23e
```
#e5e23e rgb(229,226,62)
```
#eeeb35
```
#eeeb35 rgb(238,235,53)
```
#f6f32d
```
#f6f32d rgb(246,243,45)
```
#fffb24
```
#fffb24 rgb(255,251,36)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc85e Protanopia 1% of men
#f4bf64 Deuteranopia 1% of men
#dac1ce Tritanopia 0.001% of the population

Trichromacy

#d6c85b Protanomaly 1% of men, 0.01% of women
#e5c35f Deuteranomaly 6% of men, 0.4% of women
#d5c4a3 Tritanomaly 0.01% of the population

#ccca57 hex color

#ccca57 Color Information

#ccca57 Color Conversion

Color Schemes with #ccca57

Alternatives to #ccca57

#ccca57 Preview

Shades and Tints of #ccca57

Tones of #ccca57

Color Blindness Simulator