#ccb03e hex color

In a RGB color space, hex #ccb03e is composed of 80% red, 69% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.7% magenta, 69.6% yellow and 20% black. It has a hue angle of 48.2 degrees, a saturation of 58.2% and a lightness of 52.2%. #ccb03e color hex could be obtained by blending #ffff7c with #996100. Closest websafe color is: #cc9933.

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

● #ccb03e color description : Moderate yellow.

The hexadecimal color #ccb03e has RGB values of R:204, G:176, B:62 and CMYK values of C:0, M:0.14, Y:0.7, K:0.2. Its decimal value is 13414462.

Hex triplet	ccb03e	`#ccb03e`
RGB Decimal	204, 176, 62	`rgb(204,176,62)`
RGB Percent	80, 69, 24.3	`rgb(80%,69%,24.3%)`
CMYK	0, 14, 70, 20
HSL	48.2°, 58.2, 52.2	`hsl(48.2,58.2%,52.2%)`
HSV (or HSB)	48.2°, 69.6, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.387, -2.276, 59.468
XYZ	41.297, 44.237, 10.921
xyY	0.428, 0.459, 44.237
CIE-LCH	72.387, 59.511, 92.192
CIE-LUV	72.387, 24.568, 67.21
Hunter-Lab	66.511, -5.563, 36.823
Binary	11001100, 10110000, 00111110

#ccb03e
```
#ccb03e rgb(204,176,62)
```
#3e5acc
```
#3e5acc rgb(62,90,204)
```

Complementary Color

#cc693e
```
#cc693e rgb(204,105,62)
```
#ccb03e
```
#ccb03e rgb(204,176,62)
```
#a1cc3e
```
#a1cc3e rgb(161,204,62)
```

Analogous Color

#693ecc
```
#693ecc rgb(105,62,204)
```
#ccb03e
```
#ccb03e rgb(204,176,62)
```
#3ea1cc
```
#3ea1cc rgb(62,161,204)
```

Split Complementary Color

#b03ecc
```
#b03ecc rgb(176,62,204)
```
#ccb03e
```
#ccb03e rgb(204,176,62)
```
#3eccb0
```
#3eccb0 rgb(62,204,176)
```

Triadic Color

#cc3e5a
```
#cc3e5a rgb(204,62,90)
```
#ccb03e
```
#ccb03e rgb(204,176,62)
```
#3eccb0
```
#3eccb0 rgb(62,204,176)
```
#3e5acc
```
#3e5acc rgb(62,90,204)
```

Tetradic Color

#968028
```
#968028 rgb(150,128,40)
```
#aa912d
```
#aa912d rgb(170,145,45)
```
#bea332
```
#bea332 rgb(190,163,50)
```
#ccb03e
```
#ccb03e rgb(204,176,62)
```
#d1b852
```
#d1b852 rgb(209,184,82)
```
#d7c166
```
#d7c166 rgb(215,193,102)
```
#dcc97b
```
#dcc97b rgb(220,201,123)
```

Monochromatic Color

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

#cc8d3e
```
#cc8d3e rgb(204,141,62)
```
#cc983e
```
#cc983e rgb(204,152,62)
```
#cca43e
```
#cca43e rgb(204,164,62)
```
#ccb03e
```
#ccb03e rgb(204,176,62)
```
#ccbc3e
```
#ccbc3e rgb(204,188,62)
```
#ccc83e
```
#ccc83e rgb(204,200,62)
```
#c5cc3e
```
#c5cc3e rgb(197,204,62)
```

Similar Colors

Text with hexadecimal color #ccb03e

This text has a font color of #ccb03e.

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

#ccb03e background color

This paragraph has a background color of #ccb03e.

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

#ccb03e border color

This element has a border color of #ccb03e.

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

CSS codes

.text {color:#ccb03e;}

.background {background-color:#ccb03e;}

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

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

#090702
```
#090702 rgb(9,7,2)
```
#181506
```
#181506 rgb(24,21,6)
```
#28220a
```
#28220a rgb(40,34,10)
```
#372f0f
```
#372f0f rgb(55,47,15)
```
#473c13
```
#473c13 rgb(71,60,19)
```
#564a17
```
#564a17 rgb(86,74,23)
```
#66571b
```
#66571b rgb(102,87,27)
```
#75641f
```
#75641f rgb(117,100,31)
```
#857223
```
#857223 rgb(133,114,35)
```
#947f27
```
#947f27 rgb(148,127,39)
```
#a48c2b
```
#a48c2b rgb(164,140,43)
```
#b3992f
```
#b3992f rgb(179,153,47)
```
#c3a733
```
#c3a733 rgb(195,167,51)
```

Shade Color Variation

#ccb03e
```
#ccb03e rgb(204,176,62)
```
#d0b64e
```
#d0b64e rgb(208,182,78)
```
#d4bd5d
```
#d4bd5d rgb(212,189,93)
```
#d8c36d
```
#d8c36d rgb(216,195,109)
```
#dcc97c
```
#dcc97c rgb(220,201,124)
```
#e0d08c
```
#e0d08c rgb(224,208,140)
```
#e5d69b
```
#e5d69b rgb(229,214,155)
```
#e9dcab
```
#e9dcab rgb(233,220,171)
```
#ede3ba
```
#ede3ba rgb(237,227,186)
```
#f1e9ca
```
#f1e9ca rgb(241,233,202)
```
#f5f0d9
```
#f5f0d9 rgb(245,240,217)
```
#f9f6e9
```
#f9f6e9 rgb(249,246,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#8a8880
```
#8a8880 rgb(138,136,128)
```
#948e76
```
#948e76 rgb(148,142,118)
```
#9d946d
```
#9d946d rgb(157,148,109)
```
#a69964
```
#a69964 rgb(166,153,100)
```
#b09f5a
```
#b09f5a rgb(176,159,90)
```
#b9a551
```
#b9a551 rgb(185,165,81)
```
#c3aa47
```
#c3aa47 rgb(195,170,71)
```
#ccb03e
```
#ccb03e rgb(204,176,62)
```
#d5b635
```
#d5b635 rgb(213,182,53)
```
#dfbb2b
```
#dfbb2b rgb(223,187,43)
```
#e8c122
```
#e8c122 rgb(232,193,34)
```
#f2c718
```
#f2c718 rgb(242,199,24)
```
#fbcc0f
```
#fbcc0f rgb(251,204,15)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b2ac95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b548 Protanopia 1% of men
#e0ad4a Deuteranopia 1% of men
#d8a9b5 Tritanopia 0.001% of the population

Trichromacy

#cab344 Protanomaly 1% of men, 0.01% of women
#d8ae46 Deuteranomaly 6% of men, 0.4% of women
#d3ab89 Tritanomaly 0.01% of the population

#ccb03e hex color

#ccb03e Color Information

#ccb03e Color Conversion

Color Schemes with #ccb03e

Alternatives to #ccb03e

#ccb03e Preview

Shades and Tints of #ccb03e

Tones of #ccb03e

Color Blindness Simulator