#ccb818 hex color

In a RGB color space, hex #ccb818 is composed of 80% red, 72.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.8% magenta, 88.2% yellow and 20% black. It has a hue angle of 53.3 degrees, a saturation of 78.9% and a lightness of 44.7%. #ccb818 color hex could be obtained by blending #ffff30 with #997100. Closest websafe color is: #cccc00.

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

● #ccb818 color description : Strong yellow.

The hexadecimal color #ccb818 has RGB values of R:204, G:184, B:24 and CMYK values of C:0, M:0.1, Y:0.88, K:0.2. Its decimal value is 13416472.

Hex triplet	ccb818	`#ccb818`
RGB Decimal	204, 184, 24	`rgb(204,184,24)`
RGB Percent	80, 72.2, 9.4	`rgb(80%,72.2%,9.4%)`
CMYK	0, 10, 88, 20
HSL	53.3°, 78.9, 44.7	`hsl(53.3,78.9%,44.7%)`
HSV (or HSB)	53.3°, 88.2, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.308, -7.796, 72.824
XYZ	42.208, 47.186, 7.749
xyY	0.434, 0.486, 47.186
CIE-LCH	74.308, 73.24, 96.11
CIE-LUV	74.308, 19.805, 78.126
Hunter-Lab	68.692, -10.532, 41.396
Binary	11001100, 10111000, 00011000

#ccb818
```
#ccb818 rgb(204,184,24)
```
#182ccc
```
#182ccc rgb(24,44,204)
```

Complementary Color

#cc5e18
```
#cc5e18 rgb(204,94,24)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#86cc18
```
#86cc18 rgb(134,204,24)
```

Analogous Color

#5e18cc
```
#5e18cc rgb(94,24,204)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#1886cc
```
#1886cc rgb(24,134,204)
```

Split Complementary Color

#b818cc
```
#b818cc rgb(184,24,204)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#18ccb8
```
#18ccb8 rgb(24,204,184)
```

Triadic Color

#cc182c
```
#cc182c rgb(204,24,44)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#18ccb8
```
#18ccb8 rgb(24,204,184)
```
#182ccc
```
#182ccc rgb(24,44,204)
```

Tetradic Color

#887a10
```
#887a10 rgb(136,122,16)
```
#9e8f13
```
#9e8f13 rgb(158,143,19)
```
#b5a315
```
#b5a315 rgb(181,163,21)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#e3cd1b
```
#e3cd1b rgb(227,205,27)
```
#e7d230
```
#e7d230 rgb(231,210,48)
```
#e9d747
```
#e9d747 rgb(233,215,71)
```

Monochromatic Color

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

#cc8b18
```
#cc8b18 rgb(204,139,24)
```
#cc9a18
```
#cc9a18 rgb(204,154,24)
```
#cca918
```
#cca918 rgb(204,169,24)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#ccc718
```
#ccc718 rgb(204,199,24)
```
#c2cc18
```
#c2cc18 rgb(194,204,24)
```
#b3cc18
```
#b3cc18 rgb(179,204,24)
```

Similar Colors

Text with hexadecimal color #ccb818

This text has a font color of #ccb818.

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

#ccb818 background color

This paragraph has a background color of #ccb818.

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

#ccb818 border color

This element has a border color of #ccb818.

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

CSS codes

.text {color:#ccb818;}

.background {background-color:#ccb818;}

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

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, #0b0a01 is the darkest color, while #fefef8 is the lightest one.

#0b0a01
```
#0b0a01 rgb(11,10,1)
```
#1c1a03
```
#1c1a03 rgb(28,26,3)
```
#2e2a05
```
#2e2a05 rgb(46,42,5)
```
#403907
```
#403907 rgb(64,57,7)
```
#51490a
```
#51490a rgb(81,73,10)
```
#63590c
```
#63590c rgb(99,89,12)
```
#74690e
```
#74690e rgb(116,105,14)
```
#867910
```
#867910 rgb(134,121,16)
```
#978912
```
#978912 rgb(151,137,18)
```
#a99814
```
#a99814 rgb(169,152,20)
```
#baa816
```
#baa816 rgb(186,168,22)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#dec81a
```
#dec81a rgb(222,200,26)
```

Shade Color Variation

#e5d026
```
#e5d026 rgb(229,208,38)
```
#e8d437
```
#e8d437 rgb(232,212,55)
```
#ead849
```
#ead849 rgb(234,216,73)
```
#ecdc5a
```
#ecdc5a rgb(236,220,90)
```
#eedf6c
```
#eedf6c rgb(238,223,108)
```
#f0e37e
```
#f0e37e rgb(240,227,126)
```
#f2e78f
```
#f2e78f rgb(242,231,143)
```
#f4eba1
```
#f4eba1 rgb(244,235,161)
```
#f6eeb2
```
#f6eeb2 rgb(246,238,178)
```
#f8f2c4
```
#f8f2c4 rgb(248,242,196)
```
#faf6d5
```
#faf6d5 rgb(250,246,213)
```
#fcfae7
```
#fcfae7 rgb(252,250,231)
```
#fefef8
```
#fefef8 rgb(254,254,248)
```

Tint Color Variation

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

#747470
```
#747470 rgb(116,116,112)
```
#7d7b67
```
#7d7b67 rgb(125,123,103)
```
#86815e
```
#86815e rgb(134,129,94)
```
#8f8855
```
#8f8855 rgb(143,136,85)
```
#978f4d
```
#978f4d rgb(151,143,77)
```
#a09644
```
#a09644 rgb(160,150,68)
```
#a99d3b
```
#a99d3b rgb(169,157,59)
```
#b2a432
```
#b2a432 rgb(178,164,50)
```
#baaa2a
```
#baaa2a rgb(186,170,42)
```
#c3b121
```
#c3b121 rgb(195,177,33)
```
#ccb818
```
#ccb818 rgb(204,184,24)
```
#d5bf0f
```
#d5bf0f rgb(213,191,15)
```
#dec606
```
#dec606 rgb(222,198,6)
```

Tone Color Variation

Below, you can see how #ccb818 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
#b2ae8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1ba23 Protanopia 1% of men
#e8b12c Deuteranopia 1% of men
#daafbb Tritanopia 0.001% of the population

Trichromacy

#cfb91f Protanomaly 1% of men, 0.01% of women
#deb324 Deuteranomaly 6% of men, 0.4% of women
#d4b280 Tritanomaly 0.01% of the population

#ccb818 hex color

#ccb818 Color Information

#ccb818 Color Conversion

Color Schemes with #ccb818

Alternatives to #ccb818

#ccb818 Preview

Shades and Tints of #ccb818

Tones of #ccb818

Color Blindness Simulator