#ccb300 hex color

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

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

● #ccb300 color description : Strong yellow.

The hexadecimal color #ccb300 has RGB values of R:204, G:179, B:0 and CMYK values of C:0, M:0.12, Y:1, K:0.2. Its decimal value is 13415168.

Hex triplet	ccb300	`#ccb300`
RGB Decimal	204, 179, 0	`rgb(204,179,0)`
RGB Percent	80, 70.2, 0	`rgb(80%,70.2%,0%)`
CMYK	0, 12, 100, 20
HSL	52.6°, 100, 40	`hsl(52.6,100%,40%)`
HSV (or HSB)	52.6°, 100, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	72.944, -5.519, 75.025
XYZ	41.022, 45.079, 6.54
xyY	0.443, 0.487, 45.079
CIE-LCH	72.944, 75.227, 94.207
CIE-LUV	72.944, 23.571, 78.025
Hunter-Lab	67.141, -8.435, 41.223
Binary	11001100, 10110011, 00000000

#ccb300
```
#ccb300 rgb(204,179,0)
```
#0019cc
```
#0019cc rgb(0,25,204)
```

Complementary Color

#cc4d00
```
#cc4d00 rgb(204,77,0)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```
#7fcc00
```
#7fcc00 rgb(127,204,0)
```

Analogous Color

#4d00cc
```
#4d00cc rgb(77,0,204)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```
#007fcc
```
#007fcc rgb(0,127,204)
```

Split Complementary Color

#b300cc
```
#b300cc rgb(179,0,204)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```
#00ccb3
```
#00ccb3 rgb(0,204,179)
```

Triadic Color

#cc0019
```
#cc0019 rgb(204,0,25)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```
#00ccb3
```
#00ccb3 rgb(0,204,179)
```
#0019cc
```
#0019cc rgb(0,25,204)
```

Tetradic Color

#807000
```
#807000 rgb(128,112,0)
```
#998600
```
#998600 rgb(153,134,0)
```
#b39d00
```
#b39d00 rgb(179,157,0)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```
#e6c900
```
#e6c900 rgb(230,201,0)
```
#ffe000
```
#ffe000 rgb(255,224,0)
```
#ffe31a
```
#ffe31a rgb(255,227,26)
```

Monochromatic Color

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

#cc8000
```
#cc8000 rgb(204,128,0)
```
#cc9100
```
#cc9100 rgb(204,145,0)
```
#cca200
```
#cca200 rgb(204,162,0)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```
#ccc400
```
#ccc400 rgb(204,196,0)
```
#c3cc00
```
#c3cc00 rgb(195,204,0)
```
#b2cc00
```
#b2cc00 rgb(178,204,0)
```

Similar Colors

Text with hexadecimal color #ccb300

This text has a font color of #ccb300.

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

#ccb300 background color

This paragraph has a background color of #ccb300.

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

#ccb300 border color

This element has a border color of #ccb300.

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

CSS codes

.text {color:#ccb300;}

.background {background-color:#ccb300;}

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

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)
```
#1b1800
```
#1b1800 rgb(27,24,0)
```
#2f2900
```
#2f2900 rgb(47,41,0)
```
#433b00
```
#433b00 rgb(67,59,0)
```
#564c00
```
#564c00 rgb(86,76,0)
```
#6a5d00
```
#6a5d00 rgb(106,93,0)
```
#7e6e00
```
#7e6e00 rgb(126,110,0)
```
#917f00
```
#917f00 rgb(145,127,0)
```
#a59100
```
#a59100 rgb(165,145,0)
```
#b8a200
```
#b8a200 rgb(184,162,0)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```
#e0c400
```
#e0c400 rgb(224,196,0)
```
#f3d500
```
#f3d500 rgb(243,213,0)
```

Shade Color Variation

#ffe108
```
#ffe108 rgb(255,225,8)
```
#ffe31b
```
#ffe31b rgb(255,227,27)
```
#ffe62f
```
#ffe62f rgb(255,230,47)
```
#ffe843
```
#ffe843 rgb(255,232,67)
```
#ffea56
```
#ffea56 rgb(255,234,86)
```
#ffed6a
```
#ffed6a rgb(255,237,106)
```
#ffef7e
```
#ffef7e rgb(255,239,126)
```
#fff291
```
#fff291 rgb(255,242,145)
```
#fff4a5
```
#fff4a5 rgb(255,244,165)
```
#fff6b8
```
#fff6b8 rgb(255,246,184)
```
#fff9cc
```
#fff9cc rgb(255,249,204)
```
#fffbe0
```
#fffbe0 rgb(255,251,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 #ccb300 is the most saturated one.

#6e6c5e
```
#6e6c5e rgb(110,108,94)
```
#767256
```
#767256 rgb(118,114,86)
```
#7e784e
```
#7e784e rgb(126,120,78)
```
#857e47
```
#857e47 rgb(133,126,71)
```
#8d843f
```
#8d843f rgb(141,132,63)
```
#958a37
```
#958a37 rgb(149,138,55)
```
#9d8f2f
```
#9d8f2f rgb(157,143,47)
```
#a59527
```
#a59527 rgb(165,149,39)
```
#ad9b1f
```
#ad9b1f rgb(173,155,31)
```
#b4a118
```
#b4a118 rgb(180,161,24)
```
#bca710
```
#bca710 rgb(188,167,16)
```
#c4ad08
```
#c4ad08 rgb(196,173,8)
```
#ccb300
```
#ccb300 rgb(204,179,0)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aea985 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb704 Protanopia 1% of men
#e4ae1b Deuteranopia 1% of men
#d9aab6 Tritanopia 0.001% of the population

Trichromacy

#ccb502 Protanomaly 1% of men, 0.01% of women
#dbaf11 Deuteranomaly 6% of men, 0.4% of women
#d4ad74 Tritanomaly 0.01% of the population

#ccb300 hex color

#ccb300 Color Information

#ccb300 Color Conversion

Color Schemes with #ccb300

Alternatives to #ccb300

#ccb300 Preview

Shades and Tints of #ccb300

Tones of #ccb300

Color Blindness Simulator