#ccaa1f hex color

In a RGB color space, hex #ccaa1f is composed of 80% red, 66.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 84.8% yellow and 20% black. It has a hue angle of 48.2 degrees, a saturation of 73.6% and a lightness of 46.1%. #ccaa1f color hex could be obtained by blending #ffff3e with #995500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 67
- B 12
RGB color chart
- C 0
- M 17
- Y 85
- K 20
CMYK color chart

● #ccaa1f color description : Strong yellow.

The hexadecimal color #ccaa1f has RGB values of R:204, G:170, B:31 and CMYK values of C:0, M:0.17, Y:0.85, K:0.2. Its decimal value is 13412895.

Hex triplet	ccaa1f	`#ccaa1f`
RGB Decimal	204, 170, 31	`rgb(204,170,31)`
RGB Percent	80, 66.7, 12.2	`rgb(80%,66.7%,12.2%)`
CMYK	0, 17, 85, 20
HSL	48.2°, 73.6, 46.1	`hsl(48.2,73.6%,46.1%)`
HSV (or HSB)	48.2°, 84.8, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.655, -0.309, 68.301
XYZ	39.524, 41.687, 7.261
xyY	0.447, 0.471, 41.687
CIE-LCH	70.655, 68.302, 90.259
CIE-LUV	70.655, 29.774, 71.727
Hunter-Lab	64.566, -3.72, 38.528
Binary	11001100, 10101010, 00011111

#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#1f41cc
```
#1f41cc rgb(31,65,204)
```

Complementary Color

#cc531f
```
#cc531f rgb(204,83,31)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#98cc1f
```
#98cc1f rgb(152,204,31)
```

Analogous Color

#531fcc
```
#531fcc rgb(83,31,204)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#1f98cc
```
#1f98cc rgb(31,152,204)
```

Split Complementary Color

#aa1fcc
```
#aa1fcc rgb(170,31,204)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#1fccaa
```
#1fccaa rgb(31,204,170)
```

Triadic Color

#cc1f41
```
#cc1f41 rgb(204,31,65)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#1fccaa
```
#1fccaa rgb(31,204,170)
```
#1f41cc
```
#1f41cc rgb(31,65,204)
```

Tetradic Color

#8a7315
```
#8a7315 rgb(138,115,21)
```
#a08518
```
#a08518 rgb(160,133,24)
```
#b6981c
```
#b6981c rgb(182,152,28)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#deba26
```
#deba26 rgb(222,186,38)
```
#e1c13d
```
#e1c13d rgb(225,193,61)
```
#e5c853
```
#e5c853 rgb(229,200,83)
```

Monochromatic Color

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

#cc7f1f
```
#cc7f1f rgb(204,127,31)
```
#cc8d1f
```
#cc8d1f rgb(204,141,31)
```
#cc9c1f
```
#cc9c1f rgb(204,156,31)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#ccb81f
```
#ccb81f rgb(204,184,31)
```
#ccc71f
```
#ccc71f rgb(204,199,31)
```
#c3cc1f
```
#c3cc1f rgb(195,204,31)
```

Similar Colors

Text with hexadecimal color #ccaa1f

This text has a font color of #ccaa1f.

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

#ccaa1f background color

This paragraph has a background color of #ccaa1f.

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

#ccaa1f border color

This element has a border color of #ccaa1f.

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

CSS codes

.text {color:#ccaa1f;}

.background {background-color:#ccaa1f;}

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

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, #110e03 is the darkest color, while #ffffff is the lightest one.

#110e03
```
#110e03 rgb(17,14,3)
```
#221c05
```
#221c05 rgb(34,28,5)
```
#332a08
```
#332a08 rgb(51,42,8)
```
#44380a
```
#44380a rgb(68,56,10)
```
#55470d
```
#55470d rgb(85,71,13)
```
#66550f
```
#66550f rgb(102,85,15)
```
#776312
```
#776312 rgb(119,99,18)
```
#887115
```
#887115 rgb(136,113,21)
```
#997f17
```
#997f17 rgb(153,127,23)
```
#aa8e1a
```
#aa8e1a rgb(170,142,26)
```
#bb9c1c
```
#bb9c1c rgb(187,156,28)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#ddb822
```
#ddb822 rgb(221,184,34)
```

Shade Color Variation

#e0be32
```
#e0be32 rgb(224,190,50)
```
#e2c343
```
#e2c343 rgb(226,195,67)
```
#e5c954
```
#e5c954 rgb(229,201,84)
```
#e8ce65
```
#e8ce65 rgb(232,206,101)
```
#ead376
```
#ead376 rgb(234,211,118)
```
#edd987
```
#edd987 rgb(237,217,135)
```
#efde98
```
#efde98 rgb(239,222,152)
```
#f2e4aa
```
#f2e4aa rgb(242,228,170)
```
#f5e9bb
```
#f5e9bb rgb(245,233,187)
```
#f7efcc
```
#f7efcc rgb(247,239,204)
```
#faf4dd
```
#faf4dd rgb(250,244,221)
```
#fcf9ee
```
#fcf9ee rgb(252,249,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7970
```
#7b7970 rgb(123,121,112)
```
#847e67
```
#847e67 rgb(132,126,103)
```
#8d845e
```
#8d845e rgb(141,132,94)
```
#968955
```
#968955 rgb(150,137,85)
```
#9f8f4c
```
#9f8f4c rgb(159,143,76)
```
#a89443
```
#a89443 rgb(168,148,67)
```
#b19a3a
```
#b19a3a rgb(177,154,58)
```
#ba9f31
```
#ba9f31 rgb(186,159,49)
```
#c3a528
```
#c3a528 rgb(195,165,40)
```
#ccaa1f
```
#ccaa1f rgb(204,170,31)
```
#d5af16
```
#d5af16 rgb(213,175,22)
```
#deb50d
```
#deb50d rgb(222,181,13)
```
#e7ba04
```
#e7ba04 rgb(231,186,4)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#aca589 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b12b Protanopia 1% of men
#dca82e Deuteranopia 1% of men
#d8a3ae Tritanopia 0.001% of the population

Trichromacy

#c8ae26 Protanomaly 1% of men, 0.01% of women
#d6a928 Deuteranomaly 6% of men, 0.4% of women
#d3a57a Tritanomaly 0.01% of the population

#ccaa1f hex color

#ccaa1f Color Information

#ccaa1f Color Conversion

Color Schemes with #ccaa1f

Alternatives to #ccaa1f

#ccaa1f Preview

Shades and Tints of #ccaa1f

Tones of #ccaa1f

Color Blindness Simulator