#ccb501 hex color

In a RGB color space, hex #ccb501 is composed of 80% red, 71% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 99.5% yellow and 20% black. It has a hue angle of 53.2 degrees, a saturation of 99% and a lightness of 40.2%. #ccb501 color hex could be obtained by blending #ffff02 with #996b00. Closest websafe color is: #cccc00.

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

● #ccb501 color description : Strong yellow.

The hexadecimal color #ccb501 has RGB values of R:204, G:181, B:1 and CMYK values of C:0, M:0.11, Y:1, K:0.2. Its decimal value is 13415681.

Hex triplet	ccb501	`#ccb501`
RGB Decimal	204, 181, 1	`rgb(204,181,1)`
RGB Percent	80, 71, 0.4	`rgb(80%,71%,0.4%)`
CMYK	0, 11, 100, 20
HSL	53.2°, 99, 40.2	`hsl(53.2,99%,40.2%)`
HSV (or HSB)	53.2°, 99.5, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	73.473, -6.548, 75.29
XYZ	41.432, 45.889, 6.704
xyY	0.441, 0.488, 45.889
CIE-LCH	73.473, 75.575, 94.971
CIE-LUV	73.473, 22.127, 78.725
Hunter-Lab	67.741, -9.374, 41.551
Binary	11001100, 10110101, 00000001

#ccb501
```
#ccb501 rgb(204,181,1)
```
#0118cc
```
#0118cc rgb(1,24,204)
```

Complementary Color

#cc4f01
```
#cc4f01 rgb(204,79,1)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```
#7ecc01
```
#7ecc01 rgb(126,204,1)
```

Analogous Color

#4f01cc
```
#4f01cc rgb(79,1,204)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```
#017ecc
```
#017ecc rgb(1,126,204)
```

Split Complementary Color

#b501cc
```
#b501cc rgb(181,1,204)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```
#01ccb5
```
#01ccb5 rgb(1,204,181)
```

Triadic Color

#cc0118
```
#cc0118 rgb(204,1,24)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```
#01ccb5
```
#01ccb5 rgb(1,204,181)
```
#0118cc
```
#0118cc rgb(1,24,204)
```

Tetradic Color

#807101
```
#807101 rgb(128,113,1)
```
#998801
```
#998801 rgb(153,136,1)
```
#b39e01
```
#b39e01 rgb(179,158,1)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```
#e5cc01
```
#e5cc01 rgb(229,204,1)
```
#fee102
```
#fee102 rgb(254,225,2)
```
#fee41c
```
#fee41c rgb(254,228,28)
```

Monochromatic Color

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

#cc8201
```
#cc8201 rgb(204,130,1)
```
#cc9301
```
#cc9301 rgb(204,147,1)
```
#cca401
```
#cca401 rgb(204,164,1)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```
#ccc601
```
#ccc601 rgb(204,198,1)
```
#c1cc01
```
#c1cc01 rgb(193,204,1)
```
#b0cc01
```
#b0cc01 rgb(176,204,1)
```

Similar Colors

Text with hexadecimal color #ccb501

This text has a font color of #ccb501.

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

#ccb501 background color

This paragraph has a background color of #ccb501.

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

#ccb501 border color

This element has a border color of #ccb501.

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

CSS codes

.text {color:#ccb501;}

.background {background-color:#ccb501;}

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

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

#090800
```
#090800 rgb(9,8,0)
```
#1c1900
```
#1c1900 rgb(28,25,0)
```
#302a00
```
#302a00 rgb(48,42,0)
```
#433c00
```
#433c00 rgb(67,60,0)
```
#574d00
```
#574d00 rgb(87,77,0)
```
#6a5e01
```
#6a5e01 rgb(106,94,1)
```
#7e7001
```
#7e7001 rgb(126,112,1)
```
#918101
```
#918101 rgb(145,129,1)
```
#a59201
```
#a59201 rgb(165,146,1)
```
#b8a401
```
#b8a401 rgb(184,164,1)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```
#e0c601
```
#e0c601 rgb(224,198,1)
```
#f3d801
```
#f3d801 rgb(243,216,1)
```

Shade Color Variation

#fee20a
```
#fee20a rgb(254,226,10)
```
#fee41e
```
#fee41e rgb(254,228,30)
```
#fee731
```
#fee731 rgb(254,231,49)
```
#fee945
```
#fee945 rgb(254,233,69)
```
#feeb58
```
#feeb58 rgb(254,235,88)
```
#feee6c
```
#feee6c rgb(254,238,108)
```
#fef07f
```
#fef07f rgb(254,240,127)
```
#fef293
```
#fef293 rgb(254,242,147)
```
#fff5a6
```
#fff5a6 rgb(255,245,166)
```
#fff7ba
```
#fff7ba rgb(255,247,186)
```
#fff9cd
```
#fff9cd rgb(255,249,205)
```
#fffbe1
```
#fffbe1 rgb(255,251,225)
```
#fffef4
```
#fffef4 rgb(255,254,244)
```

Tint Color Variation

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

#6d6c60
```
#6d6c60 rgb(109,108,96)
```
#757258
```
#757258 rgb(117,114,88)
```
#7d7850
```
#7d7850 rgb(125,120,80)
```
#857e48
```
#857e48 rgb(133,126,72)
```
#8d8440
```
#8d8440 rgb(141,132,64)
```
#958a38
```
#958a38 rgb(149,138,56)
```
#9d9030
```
#9d9030 rgb(157,144,48)
```
#a59728
```
#a59728 rgb(165,151,40)
```
#ac9d21
```
#ac9d21 rgb(172,157,33)
```
#b4a319
```
#b4a319 rgb(180,163,25)
```
#bca911
```
#bca911 rgb(188,169,17)
```
#c4af09
```
#c4af09 rgb(196,175,9)
```
#ccb501
```
#ccb501 rgb(204,181,1)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#aeaa86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb808 Protanopia 1% of men
#e6af1c Deuteranopia 1% of men
#d9acb8 Tritanopia 0.001% of the population

Trichromacy

#cdb705 Protanomaly 1% of men, 0.01% of women
#dcb112 Deuteranomaly 6% of men, 0.4% of women
#d4af75 Tritanomaly 0.01% of the population

#ccb501 hex color

#ccb501 Color Information

#ccb501 Color Conversion

Color Schemes with #ccb501

Alternatives to #ccb501

#ccb501 Preview

Shades and Tints of #ccb501

Tones of #ccb501

Color Blindness Simulator