#ccca1f hex color

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

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

● #ccca1f color description : Strong yellow.

The hexadecimal color #ccca1f has RGB values of R:204, G:202, B:31 and CMYK values of C:0, M:0.01, Y:0.85, K:0.2. Its decimal value is 13421087.

Hex triplet	ccca1f	`#ccca1f`
RGB Decimal	204, 202, 31	`rgb(204,202,31)`
RGB Percent	80, 79.2, 12.2	`rgb(80%,79.2%,12.2%)`
CMYK	0, 1, 85, 20
HSL	59.3°, 73.6, 46.1	`hsl(59.3,73.6%,46.1%)`
HSV (or HSB)	59.3°, 84.8, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.144, -16.773, 75.306
XYZ	46.27, 55.178, 9.509
xyY	0.417, 0.497, 55.178
CIE-LCH	79.144, 77.152, 102.557
CIE-LUV	79.144, 7.45, 84.3
Hunter-Lab	74.282, -18.807, 44.407
Binary	11001100, 11001010, 00011111

#ccca1f
```
#ccca1f rgb(204,202,31)
```
#1f21cc
```
#1f21cc rgb(31,33,204)
```

Complementary Color

#cc741f
```
#cc741f rgb(204,116,31)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#78cc1f
```
#78cc1f rgb(120,204,31)
```

Analogous Color

#741fcc
```
#741fcc rgb(116,31,204)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#1f78cc
```
#1f78cc rgb(31,120,204)
```

Split Complementary Color

#ca1fcc
```
#ca1fcc rgb(202,31,204)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#1fccca
```
#1fccca rgb(31,204,202)
```

Triadic Color

#cc1f21
```
#cc1f21 rgb(204,31,33)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#1fccca
```
#1fccca rgb(31,204,202)
```
#1f21cc
```
#1f21cc rgb(31,33,204)
```

Tetradic Color

#8a8815
```
#8a8815 rgb(138,136,21)
```
#a09e18
```
#a09e18 rgb(160,158,24)
```
#b6b41c
```
#b6b41c rgb(182,180,28)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#dedc26
```
#dedc26 rgb(222,220,38)
```
#e1e03d
```
#e1e03d rgb(225,224,61)
```
#e5e353
```
#e5e353 rgb(229,227,83)
```

Monochromatic Color

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

#cc9f1f
```
#cc9f1f rgb(204,159,31)
```
#ccad1f
```
#ccad1f rgb(204,173,31)
```
#ccbc1f
```
#ccbc1f rgb(204,188,31)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#c0cc1f
```
#c0cc1f rgb(192,204,31)
```
#b1cc1f
```
#b1cc1f rgb(177,204,31)
```
#a3cc1f
```
#a3cc1f rgb(163,204,31)
```

Similar Colors

Text with hexadecimal color #ccca1f

This text has a font color of #ccca1f.

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

#ccca1f background color

This paragraph has a background color of #ccca1f.

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

#ccca1f border color

This element has a border color of #ccca1f.

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

CSS codes

.text {color:#ccca1f;}

.background {background-color:#ccca1f;}

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

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

#111103
```
#111103 rgb(17,17,3)
```
#222105
```
#222105 rgb(34,33,5)
```
#333208
```
#333208 rgb(51,50,8)
```
#44430a
```
#44430a rgb(68,67,10)
```
#55540d
```
#55540d rgb(85,84,13)
```
#66650f
```
#66650f rgb(102,101,15)
```
#777612
```
#777612 rgb(119,118,18)
```
#888715
```
#888715 rgb(136,135,21)
```
#999717
```
#999717 rgb(153,151,23)
```
#aaa81a
```
#aaa81a rgb(170,168,26)
```
#bbb91c
```
#bbb91c rgb(187,185,28)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#dddb22
```
#dddb22 rgb(221,219,34)
```

Shade Color Variation

#e0de32
```
#e0de32 rgb(224,222,50)
```
#e2e143
```
#e2e143 rgb(226,225,67)
```
#e5e354
```
#e5e354 rgb(229,227,84)
```
#e8e665
```
#e8e665 rgb(232,230,101)
```
#eae976
```
#eae976 rgb(234,233,118)
```
#edec87
```
#edec87 rgb(237,236,135)
```
#efee98
```
#efee98 rgb(239,238,152)
```
#f2f1aa
```
#f2f1aa rgb(242,241,170)
```
#f5f4bb
```
#f5f4bb rgb(245,244,187)
```
#f7f7cc
```
#f7f7cc rgb(247,247,204)
```
#faf9dd
```
#faf9dd rgb(250,249,221)
```
#fcfcee
```
#fcfcee rgb(252,252,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7b70
```
#7b7b70 rgb(123,123,112)
```
#848367
```
#848367 rgb(132,131,103)
```
#8d8c5e
```
#8d8c5e rgb(141,140,94)
```
#969555
```
#969555 rgb(150,149,85)
```
#9f9e4c
```
#9f9e4c rgb(159,158,76)
```
#a8a743
```
#a8a743 rgb(168,167,67)
```
#b1b03a
```
#b1b03a rgb(177,176,58)
```
#bab831
```
#bab831 rgb(186,184,49)
```
#c3c128
```
#c3c128 rgb(195,193,40)
```
#ccca1f
```
#ccca1f rgb(204,202,31)
```
#d5d316
```
#d5d316 rgb(213,211,22)
```
#dedc0d
```
#dedc0d rgb(222,220,13)
```
#e7e404
```
#e7e404 rgb(231,228,4)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#bbbb99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc729 Protanopia 1% of men
#f7bd35 Deuteranopia 1% of men
#dcbfcc Tritanopia 0.001% of the population

Trichromacy

#d8c825 Protanomaly 1% of men, 0.01% of women
#e7c22d Deuteranomaly 6% of men, 0.4% of women
#d6c38d Tritanomaly 0.01% of the population

#ccca1f hex color

#ccca1f Color Information

#ccca1f Color Conversion

Color Schemes with #ccca1f

Alternatives to #ccca1f

#ccca1f Preview

Shades and Tints of #ccca1f

Tones of #ccca1f

Color Blindness Simulator