#ccb81e hex color

In a RGB color space, hex #ccb81e is composed of 80% red, 72.2% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 85.3% yellow and 20% black. It has a hue angle of 53.1 degrees, a saturation of 74.4% and a lightness of 45.9%. #ccb81e color hex could be obtained by blending #ffff3c with #997100. Closest websafe color is: #cccc33.

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

● #ccb81e color description : Strong yellow.

The hexadecimal color #ccb81e has RGB values of R:204, G:184, B:30 and CMYK values of C:0, M:0.1, Y:0.85, K:0.2. Its decimal value is 13416478.

Hex triplet	ccb81e	`#ccb81e`
RGB Decimal	204, 184, 30	`rgb(204,184,30)`
RGB Percent	80, 72.2, 11.8	`rgb(80%,72.2%,11.8%)`
CMYK	0, 10, 85, 20
HSL	53.1°, 74.4, 45.9	`hsl(53.1,74.4%,45.9%)`
HSV (or HSB)	53.1°, 85.3, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.326, -7.663, 71.57
XYZ	42.277, 47.213, 8.114
xyY	0.433, 0.484, 47.213
CIE-LCH	74.326, 71.979, 96.111
CIE-LUV	74.326, 19.725, 77.371
Hunter-Lab	68.712, -10.419, 41.097
Binary	11001100, 10111000, 00011110

#ccb81e
```
#ccb81e rgb(204,184,30)
```
#1e32cc
```
#1e32cc rgb(30,50,204)
```

Complementary Color

#cc611e
```
#cc611e rgb(204,97,30)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#89cc1e
```
#89cc1e rgb(137,204,30)
```

Analogous Color

#611ecc
```
#611ecc rgb(97,30,204)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#1e89cc
```
#1e89cc rgb(30,137,204)
```

Split Complementary Color

#b81ecc
```
#b81ecc rgb(184,30,204)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#1eccb8
```
#1eccb8 rgb(30,204,184)
```

Triadic Color

#cc1e32
```
#cc1e32 rgb(204,30,50)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#1eccb8
```
#1eccb8 rgb(30,204,184)
```
#1e32cc
```
#1e32cc rgb(30,50,204)
```

Tetradic Color

#897c14
```
#897c14 rgb(137,124,20)
```
#a09017
```
#a09017 rgb(160,144,23)
```
#b6a41b
```
#b6a41b rgb(182,164,27)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#dfc925
```
#dfc925 rgb(223,201,37)
```
#e2cf3b
```
#e2cf3b rgb(226,207,59)
```
#e5d451
```
#e5d451 rgb(229,212,81)
```

Monochromatic Color

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

#cc8d1e
```
#cc8d1e rgb(204,141,30)
```
#cc9b1e
```
#cc9b1e rgb(204,155,30)
```
#ccaa1e
```
#ccaa1e rgb(204,170,30)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#ccc71e
```
#ccc71e rgb(204,199,30)
```
#c3cc1e
```
#c3cc1e rgb(195,204,30)
```
#b5cc1e
```
#b5cc1e rgb(181,204,30)
```

Similar Colors

Text with hexadecimal color #ccb81e

This text has a font color of #ccb81e.

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

#ccb81e background color

This paragraph has a background color of #ccb81e.

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

#ccb81e border color

This element has a border color of #ccb81e.

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

CSS codes

.text {color:#ccb81e;}

.background {background-color:#ccb81e;}

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

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, #100e02 is the darkest color, while #fffffe is the lightest one.

#100e02
```
#100e02 rgb(16,14,2)
```
#211e05
```
#211e05 rgb(33,30,5)
```
#322d07
```
#322d07 rgb(50,45,7)
```
#433d0a
```
#433d0a rgb(67,61,10)
```
#544c0c
```
#544c0c rgb(84,76,12)
```
#655b0f
```
#655b0f rgb(101,91,15)
```
#766b11
```
#766b11 rgb(118,107,17)
```
#887a14
```
#887a14 rgb(136,122,20)
```
#998a16
```
#998a16 rgb(153,138,22)
```
#aa9919
```
#aa9919 rgb(170,153,25)
```
#bba91b
```
#bba91b rgb(187,169,27)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#ddc721
```
#ddc721 rgb(221,199,33)
```

Shade Color Variation

#e1cc31
```
#e1cc31 rgb(225,204,49)
```
#e3d142
```
#e3d142 rgb(227,209,66)
```
#e6d553
```
#e6d553 rgb(230,213,83)
```
#e8d964
```
#e8d964 rgb(232,217,100)
```
#ebdd75
```
#ebdd75 rgb(235,221,117)
```
#ede186
```
#ede186 rgb(237,225,134)
```
#f0e697
```
#f0e697 rgb(240,230,151)
```
#f2eaa8
```
#f2eaa8 rgb(242,234,168)
```
#f5eeb9
```
#f5eeb9 rgb(245,238,185)
```
#f7f2ca
```
#f7f2ca rgb(247,242,202)
```
#faf6dc
```
#faf6dc rgb(250,246,220)
```
#fcfbed
```
#fcfbed rgb(252,251,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7b7a6f
```
#7b7a6f rgb(123,122,111)
```
#848166
```
#848166 rgb(132,129,102)
```
#8d875d
```
#8d875d rgb(141,135,93)
```
#968e54
```
#968e54 rgb(150,142,84)
```
#9f954b
```
#9f954b rgb(159,149,75)
```
#a89c42
```
#a89c42 rgb(168,156,66)
```
#b1a339
```
#b1a339 rgb(177,163,57)
```
#baaa30
```
#baaa30 rgb(186,170,48)
```
#c3b127
```
#c3b127 rgb(195,177,39)
```
#ccb81e
```
#ccb81e rgb(204,184,30)
```
#d5bf15
```
#d5bf15 rgb(213,191,21)
```
#dec60c
```
#dec60c rgb(222,198,12)
```
#e7cd03
```
#e7cd03 rgb(231,205,3)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b2ae90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba29 Protanopia 1% of men
#e8b130 Deuteranopia 1% of men
#d9afbb Tritanopia 0.001% of the population

Trichromacy

#cfb925 Protanomaly 1% of men, 0.01% of women
#deb329 Deuteranomaly 6% of men, 0.4% of women
#d4b282 Tritanomaly 0.01% of the population

#ccb81e hex color

#ccb81e Color Information

#ccb81e Color Conversion

Color Schemes with #ccb81e

Alternatives to #ccb81e

#ccb81e Preview

Shades and Tints of #ccb81e

Tones of #ccb81e

Color Blindness Simulator