#ccb800 hex color

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

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

● #ccb800 color description : Strong yellow.

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

Hex triplet	ccb800	`#ccb800`
RGB Decimal	204, 184, 0	`rgb(204,184,0)`
RGB Percent	80, 72.2, 0	`rgb(80%,72.2%,0%)`
CMYK	0, 10, 100, 20
HSL	54.1°, 100, 40	`hsl(54.1,100%,40%)`
HSV (or HSB)	54.1°, 100, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.266, -8.112, 75.97
XYZ	42.043, 47.12, 6.881
xyY	0.438, 0.491, 47.12
CIE-LCH	74.266, 76.402, 96.095
CIE-LUV	74.266, 19.996, 79.927
Hunter-Lab	68.644, -10.799, 42.108
Binary	11001100, 10111000, 00000000

#ccb800
```
#ccb800 rgb(204,184,0)
```
#0014cc
```
#0014cc rgb(0,20,204)
```

Complementary Color

#cc5200
```
#cc5200 rgb(204,82,0)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```
#7acc00
```
#7acc00 rgb(122,204,0)
```

Analogous Color

#5200cc
```
#5200cc rgb(82,0,204)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```
#007acc
```
#007acc rgb(0,122,204)
```

Split Complementary Color

#b800cc
```
#b800cc rgb(184,0,204)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```
#00ccb8
```
#00ccb8 rgb(0,204,184)
```

Triadic Color

#cc0014
```
#cc0014 rgb(204,0,20)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```
#00ccb8
```
#00ccb8 rgb(0,204,184)
```
#0014cc
```
#0014cc rgb(0,20,204)
```

Tetradic Color

#807300
```
#807300 rgb(128,115,0)
```
#998a00
```
#998a00 rgb(153,138,0)
```
#b3a100
```
#b3a100 rgb(179,161,0)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```
#e6cf00
```
#e6cf00 rgb(230,207,0)
```
#ffe600
```
#ffe600 rgb(255,230,0)
```
#ffe91a
```
#ffe91a rgb(255,233,26)
```

Monochromatic Color

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

#cc8500
```
#cc8500 rgb(204,133,0)
```
#cc9600
```
#cc9600 rgb(204,150,0)
```
#cca700
```
#cca700 rgb(204,167,0)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```
#ccc900
```
#ccc900 rgb(204,201,0)
```
#becc00
```
#becc00 rgb(190,204,0)
```
#adcc00
```
#adcc00 rgb(173,204,0)
```

Similar Colors

Text with hexadecimal color #ccb800

This text has a font color of #ccb800.

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

#ccb800 background color

This paragraph has a background color of #ccb800.

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

#ccb800 border color

This element has a border color of #ccb800.

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

CSS codes

.text {color:#ccb800;}

.background {background-color:#ccb800;}

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

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 #fffef3 is the lightest one.

#080700
```
#080700 rgb(8,7,0)
```
#1b1900
```
#1b1900 rgb(27,25,0)
```
#2f2a00
```
#2f2a00 rgb(47,42,0)
```
#433c00
```
#433c00 rgb(67,60,0)
```
#564e00
```
#564e00 rgb(86,78,0)
```
#6a6000
```
#6a6000 rgb(106,96,0)
```
#7e7100
```
#7e7100 rgb(126,113,0)
```
#918300
```
#918300 rgb(145,131,0)
```
#a59500
```
#a59500 rgb(165,149,0)
```
#b8a600
```
#b8a600 rgb(184,166,0)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```
#e0ca00
```
#e0ca00 rgb(224,202,0)
```
#f3db00
```
#f3db00 rgb(243,219,0)
```

Shade Color Variation

#ffe708
```
#ffe708 rgb(255,231,8)
```
#ffe91b
```
#ffe91b rgb(255,233,27)
```
#ffeb2f
```
#ffeb2f rgb(255,235,47)
```
#ffed43
```
#ffed43 rgb(255,237,67)
```
#ffee56
```
#ffee56 rgb(255,238,86)
```
#fff06a
```
#fff06a rgb(255,240,106)
```
#fff27e
```
#fff27e rgb(255,242,126)
```
#fff491
```
#fff491 rgb(255,244,145)
```
#fff6a5
```
#fff6a5 rgb(255,246,165)
```
#fff8b8
```
#fff8b8 rgb(255,248,184)
```
#fffacc
```
#fffacc rgb(255,250,204)
```
#fffce0
```
#fffce0 rgb(255,252,224)
```
#fffef3
```
#fffef3 rgb(255,254,243)
```

Tint Color Variation

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

#6e6c5e
```
#6e6c5e rgb(110,108,94)
```
#767356
```
#767356 rgb(118,115,86)
```
#7e794e
```
#7e794e rgb(126,121,78)
```
#857f47
```
#857f47 rgb(133,127,71)
```
#8d863f
```
#8d863f rgb(141,134,63)
```
#958c37
```
#958c37 rgb(149,140,55)
```
#9d922f
```
#9d922f rgb(157,146,47)
```
#a59827
```
#a59827 rgb(165,152,39)
```
#ad9f1f
```
#ad9f1f rgb(173,159,31)
```
#b4a518
```
#b4a518 rgb(180,165,24)
```
#bcab10
```
#bcab10 rgb(188,171,16)
```
#c4b208
```
#c4b208 rgb(196,178,8)
```
#ccb800
```
#ccb800 rgb(204,184,0)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b0ac87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1ba00 Protanopia 1% of men
#e9b11d Deuteranopia 1% of men
#daafbb Tritanopia 0.001% of the population

Trichromacy

#cfb900 Protanomaly 1% of men, 0.01% of women
#deb312 Deuteranomaly 6% of men, 0.4% of women
#d5b277 Tritanomaly 0.01% of the population

#ccb800 hex color

#ccb800 Color Information

#ccb800 Color Conversion

Color Schemes with #ccb800

Alternatives to #ccb800

#ccb800 Preview

Shades and Tints of #ccb800

Tones of #ccb800

Color Blindness Simulator