#ccab21 hex color

In a RGB color space, hex #ccab21 is composed of 80% red, 67.1% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 83.8% yellow and 20% black. It has a hue angle of 48.4 degrees, a saturation of 72.2% and a lightness of 46.5%. #ccab21 color hex could be obtained by blending #ffff42 with #995700. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 67
- B 13
RGB color chart
- C 0
- M 16
- Y 84
- K 20
CMYK color chart

● #ccab21 color description : Strong yellow.

The hexadecimal color #ccab21 has RGB values of R:204, G:171, B:33 and CMYK values of C:0, M:0.16, Y:0.84, K:0.2. Its decimal value is 13413153.

Hex triplet	ccab21	`#ccab21`
RGB Decimal	204, 171, 33	`rgb(204,171,33)`
RGB Percent	80, 67.1, 12.9	`rgb(80%,67.1%,12.9%)`
CMYK	0, 16, 84, 20
HSL	48.4°, 72.2, 46.5	`hsl(48.4,72.2%,46.5%)`
HSV (or HSB)	48.4°, 83.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.922, -0.785, 68.003
XYZ	39.74, 42.075, 7.467
xyY	0.445, 0.471, 42.075
CIE-LCH	70.922, 68.007, 90.661
CIE-LUV	70.922, 28.999, 71.807
Hunter-Lab	64.865, -4.155, 38.58
Binary	11001100, 10101011, 00100001

#ccab21
```
#ccab21 rgb(204,171,33)
```
#2142cc
```
#2142cc rgb(33,66,204)
```

Complementary Color

#cc5521
```
#cc5521 rgb(204,85,33)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```
#98cc21
```
#98cc21 rgb(152,204,33)
```

Analogous Color

#5521cc
```
#5521cc rgb(85,33,204)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```
#2198cc
```
#2198cc rgb(33,152,204)
```

Split Complementary Color

#ab21cc
```
#ab21cc rgb(171,33,204)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```
#21ccab
```
#21ccab rgb(33,204,171)
```

Triadic Color

#cc2142
```
#cc2142 rgb(204,33,66)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```
#21ccab
```
#21ccab rgb(33,204,171)
```
#2142cc
```
#2142cc rgb(33,66,204)
```

Tetradic Color

#8a7416
```
#8a7416 rgb(138,116,22)
```
#a0861a
```
#a0861a rgb(160,134,26)
```
#b6991d
```
#b6991d rgb(182,153,29)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```
#ddba2a
```
#ddba2a rgb(221,186,42)
```
#e0c140
```
#e0c140 rgb(224,193,64)
```
#e4c856
```
#e4c856 rgb(228,200,86)
```

Monochromatic Color

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

#cc8021
```
#cc8021 rgb(204,128,33)
```
#cc8f21
```
#cc8f21 rgb(204,143,33)
```
#cc9d21
```
#cc9d21 rgb(204,157,33)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```
#ccb921
```
#ccb921 rgb(204,185,33)
```
#ccc821
```
#ccc821 rgb(204,200,33)
```
#c2cc21
```
#c2cc21 rgb(194,204,33)
```

Similar Colors

Text with hexadecimal color #ccab21

This text has a font color of #ccab21.

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

#ccab21 background color

This paragraph has a background color of #ccab21.

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

#ccab21 border color

This element has a border color of #ccab21.

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

CSS codes

.text {color:#ccab21;}

.background {background-color:#ccab21;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231d06
```
#231d06 rgb(35,29,6)
```
#342c08
```
#342c08 rgb(52,44,8)
```
#453a0b
```
#453a0b rgb(69,58,11)
```
#56480e
```
#56480e rgb(86,72,14)
```
#675611
```
#675611 rgb(103,86,17)
```
#786413
```
#786413 rgb(120,100,19)
```
#887216
```
#887216 rgb(136,114,22)
```
#998119
```
#998119 rgb(153,129,25)
```
#aa8f1c
```
#aa8f1c rgb(170,143,28)
```
#bb9d1e
```
#bb9d1e rgb(187,157,30)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```

Shade Color Variation

#dcb825
```
#dcb825 rgb(220,184,37)
```
#debe36
```
#debe36 rgb(222,190,54)
```
#e1c347
```
#e1c347 rgb(225,195,71)
```
#e4c958
```
#e4c958 rgb(228,201,88)
```
#e7ce68
```
#e7ce68 rgb(231,206,104)
```
#e9d479
```
#e9d479 rgb(233,212,121)
```
#ecd98a
```
#ecd98a rgb(236,217,138)
```
#efdf9b
```
#efdf9b rgb(239,223,155)
```
#f2e4ac
```
#f2e4ac rgb(242,228,172)
```
#f4eabd
```
#f4eabd rgb(244,234,189)
```
#f7efce
```
#f7efce rgb(247,239,206)
```
#faf5df
```
#faf5df rgb(250,245,223)
```
#fcfaf0
```
#fcfaf0 rgb(252,250,240)
```

Tint Color Variation

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

#7a7973
```
#7a7973 rgb(122,121,115)
```
#837e6a
```
#837e6a rgb(131,126,106)
```
#8c8461
```
#8c8461 rgb(140,132,97)
```
#958958
```
#958958 rgb(149,137,88)
```
#9e8f4f
```
#9e8f4f rgb(158,143,79)
```
#a89545
```
#a89545 rgb(168,149,69)
```
#b19a3c
```
#b19a3c rgb(177,154,60)
```
#baa033
```
#baa033 rgb(186,160,51)
```
#c3a52a
```
#c3a52a rgb(195,165,42)
```
#ccab21
```
#ccab21 rgb(204,171,33)
```
#d5b118
```
#d5b118 rgb(213,177,24)
```
#deb60f
```
#deb60f rgb(222,182,15)
```
#e7bc06
```
#e7bc06 rgb(231,188,6)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#ada68b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b22d Protanopia 1% of men
#dda930 Deuteranopia 1% of men
#d8a4af Tritanopia 0.001% of the population

Trichromacy

#c8af28 Protanomaly 1% of men, 0.01% of women
#d7a92a Deuteranomaly 6% of men, 0.4% of women
#d3a67b Tritanomaly 0.01% of the population

#ccab21 hex color

#ccab21 Color Information

#ccab21 Color Conversion

Color Schemes with #ccab21

Alternatives to #ccab21

#ccab21 Preview

Shades and Tints of #ccab21

Tones of #ccab21

Color Blindness Simulator