colorhexa.com

#ccab00 hex color

In a RGB color space, hex #ccab00 is composed of 80% red, 67.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.2% magenta, 100% yellow and 20% black. It has a hue angle of 50.3 degrees, a saturation of 100% and a lightness of 40%. #ccab00 color hex could be obtained by blending #ffff00 with #995700. Closest websafe color is: #cc9900.

- R 80
- G 67
- B 0
RGB color chart
- C 0
- M 16
- Y 100
- K 20
CMYK color chart

● #ccab00 color description : Strong yellow.

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

Hex triplet	ccab00	`#ccab00`
RGB Decimal	204, 171, 0	`rgb(204,171,0)`
RGB Percent	80, 67.1, 0	`rgb(80%,67.1%,0%)`
CMYK	0, 16, 100, 20
HSL	50.3°, 100, 40	`hsl(50.3,100%,40%)`
HSV (or HSB)	50.3°, 100, 80
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.847, -1.322, 73.538
XYZ	39.465, 41.965, 6.021
xyY	0.451, 0.48, 41.965
CIE-LCH	70.847, 73.55, 91.03
CIE-LUV	70.847, 29.42, 74.988
Hunter-Lab	64.78, -4.62, 39.835
Binary	11001100, 10101011, 00000000

#ccab00
```
#ccab00 rgb(204,171,0)
```
#0021cc
```
#0021cc rgb(0,33,204)
```

Complementary Color

#cc4500
```
#cc4500 rgb(204,69,0)
```
#ccab00
```
#ccab00 rgb(204,171,0)
```
#87cc00
```
#87cc00 rgb(135,204,0)
```

Analogous Color

#4500cc
```
#4500cc rgb(69,0,204)
```
#ccab00
```
#ccab00 rgb(204,171,0)
```
#0087cc
```
#0087cc rgb(0,135,204)
```

Split Complementary Color

#ab00cc
```
#ab00cc rgb(171,0,204)
```
#ccab00
```
#ccab00 rgb(204,171,0)
```
#00ccab
```
#00ccab rgb(0,204,171)
```

Triadic Color

#806b00
```
#806b00 rgb(128,107,0)
```
#998000
```
#998000 rgb(153,128,0)
```
#b39600
```
#b39600 rgb(179,150,0)
```
#ccab00
```
#ccab00 rgb(204,171,0)
```
#e6c000
```
#e6c000 rgb(230,192,0)
```
#ffd600
```
#ffd600 rgb(255,214,0)
```
#ffda1a
```
#ffda1a rgb(255,218,26)
```

Monochromatic Color

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

#cc7800
```
#cc7800 rgb(204,120,0)
```
#cc8900
```
#cc8900 rgb(204,137,0)
```
#cc9a00
```
#cc9a00 rgb(204,154,0)
```
#ccab00
```
#ccab00 rgb(204,171,0)
```
#ccbc00
```
#ccbc00 rgb(204,188,0)
```
#cbcc00
```
#cbcc00 rgb(203,204,0)
```
#bacc00
```
#bacc00 rgb(186,204,0)
```

Similar Colors

Text with hexadecimal color #ccab00

This text has a font color of #ccab00.

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

#ccab00 background color

This paragraph has a background color of #ccab00.

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

#ccab00 border color

This element has a border color of #ccab00.

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

CSS codes

.text {color:#ccab00;}

.background {background-color:#ccab00;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1b1700
```
#1b1700 rgb(27,23,0)
```
#2f2700
```
#2f2700 rgb(47,39,0)
```
#433800
```
#433800 rgb(67,56,0)
```
#564800
```
#564800 rgb(86,72,0)
```
#6a5900
```
#6a5900 rgb(106,89,0)
```
#7e6900
```
#7e6900 rgb(126,105,0)
```
#917a00
```
#917a00 rgb(145,122,0)
```
#a58a00
```
#a58a00 rgb(165,138,0)
```
#b89b00
```
#b89b00 rgb(184,155,0)
```
#ccab00
```
#ccab00 rgb(204,171,0)
```
#e0bb00
```
#e0bb00 rgb(224,187,0)
```
#f3cc00
```
#f3cc00 rgb(243,204,0)
```

Shade Color Variation

#ffd708
```
#ffd708 rgb(255,215,8)
```
#ffda1b
```
#ffda1b rgb(255,218,27)
```
#ffdd2f
```
#ffdd2f rgb(255,221,47)
```
#ffe143
```
#ffe143 rgb(255,225,67)
```
#ffe456
```
#ffe456 rgb(255,228,86)
```
#ffe76a
```
#ffe76a rgb(255,231,106)
```
#ffea7e
```
#ffea7e rgb(255,234,126)
```
#ffed91
```
#ffed91 rgb(255,237,145)
```
#fff0a5
```
#fff0a5 rgb(255,240,165)
```
#fff4b8
```
#fff4b8 rgb(255,244,184)
```
#fff7cc
```
#fff7cc rgb(255,247,204)
```
#fffae0
```
#fffae0 rgb(255,250,224)
```
#fffdf3
```
#fffdf3 rgb(255,253,243)
```

Tint Color Variation

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

#6e6b5e
```
#6e6b5e rgb(110,107,94)
```
#767156
```
#767156 rgb(118,113,86)
```
#7e764e
```
#7e764e rgb(126,118,78)
```
#857b47
```
#857b47 rgb(133,123,71)
```
#8d813f
```
#8d813f rgb(141,129,63)
```
#958637
```
#958637 rgb(149,134,55)
```
#9d8b2f
```
#9d8b2f rgb(157,139,47)
```
#a59027
```
#a59027 rgb(165,144,39)
```
#ad961f
```
#ad961f rgb(173,150,31)
```
#b49b18
```
#b49b18 rgb(180,155,24)
```
#bca010
```
#bca010 rgb(188,160,16)
```
#c4a608
```
#c4a608 rgb(196,166,8)
```
#ccab00
```
#ccab00 rgb(204,171,0)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aaa381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b208 Protanopia 1% of men
#dea917 Deuteranopia 1% of men
#d8a3af Tritanopia 0.001% of the population

Trichromacy

#c9af05 Protanomaly 1% of men, 0.01% of women
#d7a90e Deuteranomaly 6% of men, 0.4% of women
#d3a66f Tritanomaly 0.01% of the population