#ccb72e hex color

In a RGB color space, hex #ccb72e is composed of 80% red, 71.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 77.5% yellow and 20% black. It has a hue angle of 52 degrees, a saturation of 63.2% and a lightness of 49%. #ccb72e color hex could be obtained by blending #ffff5c with #996f00. Closest websafe color is: #cccc33.

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

● #ccb72e color description : Strong yellow.

The hexadecimal color #ccb72e has RGB values of R:204, G:183, B:46 and CMYK values of C:0, M:0.1, Y:0.77, K:0.2. Its decimal value is 13416238.

Hex triplet	ccb72e	`#ccb72e`
RGB Decimal	204, 183, 46	`rgb(204,183,46)`
RGB Percent	80, 71.8, 18	`rgb(80%,71.8%,18%)`
CMYK	0, 10, 77, 20
HSL	52°, 63.2, 49	`hsl(52,63.2%,49%)`
HSV (or HSB)	52°, 77.5, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.128, -6.652, 66.974
XYZ	42.329, 46.903, 9.408
xyY	0.429, 0.475, 46.903
CIE-LCH	74.128, 67.303, 95.672
CIE-LUV	74.128, 20.127, 74.181
Hunter-Lab	68.486, -9.525, 39.795
Binary	11001100, 10110111, 00101110

#ccb72e
```
#ccb72e rgb(204,183,46)
```
#2e43cc
```
#2e43cc rgb(46,67,204)
```

Complementary Color

#cc682e
```
#cc682e rgb(204,104,46)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```
#92cc2e
```
#92cc2e rgb(146,204,46)
```

Analogous Color

#682ecc
```
#682ecc rgb(104,46,204)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```
#2e92cc
```
#2e92cc rgb(46,146,204)
```

Split Complementary Color

#b72ecc
```
#b72ecc rgb(183,46,204)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```
#2eccb7
```
#2eccb7 rgb(46,204,183)
```

Triadic Color

#cc2e43
```
#cc2e43 rgb(204,46,67)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```
#2eccb7
```
#2eccb7 rgb(46,204,183)
```
#2e43cc
```
#2e43cc rgb(46,67,204)
```

Tetradic Color

#8e7f20
```
#8e7f20 rgb(142,127,32)
```
#a29225
```
#a29225 rgb(162,146,37)
```
#b7a429
```
#b7a429 rgb(183,164,41)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```
#d4c040
```
#d4c040 rgb(212,192,64)
```
#d9c754
```
#d9c754 rgb(217,199,84)
```
#ddce69
```
#ddce69 rgb(221,206,105)
```

Monochromatic Color

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

#cc902e
```
#cc902e rgb(204,144,46)
```
#cc9d2e
```
#cc9d2e rgb(204,157,46)
```
#ccaa2e
```
#ccaa2e rgb(204,170,46)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```
#ccc42e
```
#ccc42e rgb(204,196,46)
```
#c7cc2e
```
#c7cc2e rgb(199,204,46)
```
#bacc2e
```
#bacc2e rgb(186,204,46)
```

Similar Colors

Text with hexadecimal color #ccb72e

This text has a font color of #ccb72e.

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

#ccb72e background color

This paragraph has a background color of #ccb72e.

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

#ccb72e border color

This element has a border color of #ccb72e.

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

CSS codes

.text {color:#ccb72e;}

.background {background-color:#ccb72e;}

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

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

#0c0b03
```
#0c0b03 rgb(12,11,3)
```
#1c1906
```
#1c1906 rgb(28,25,6)
```
#2c270a
```
#2c270a rgb(44,39,10)
```
#3c360e
```
#3c360e rgb(60,54,14)
```
#4c4411
```
#4c4411 rgb(76,68,17)
```
#5c5215
```
#5c5215 rgb(92,82,21)
```
#6c6118
```
#6c6118 rgb(108,97,24)
```
#7c6f1c
```
#7c6f1c rgb(124,111,28)
```
#8c7e20
```
#8c7e20 rgb(140,126,32)
```
#9c8c23
```
#9c8c23 rgb(156,140,35)
```
#ac9a27
```
#ac9a27 rgb(172,154,39)
```
#bca92a
```
#bca92a rgb(188,169,42)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```

Shade Color Variation

#d3bf3b
```
#d3bf3b rgb(211,191,59)
```
#d6c44b
```
#d6c44b rgb(214,196,75)
```
#dac95b
```
#dac95b rgb(218,201,91)
```
#dece6b
```
#dece6b rgb(222,206,107)
```
#e1d47b
```
#e1d47b rgb(225,212,123)
```
#e5d98b
```
#e5d98b rgb(229,217,139)
```
#e8de9b
```
#e8de9b rgb(232,222,155)
```
#ece3ab
```
#ece3ab rgb(236,227,171)
```
#f0e9bb
```
#f0e9bb rgb(240,233,187)
```
#f3eecb
```
#f3eecb rgb(243,238,203)
```
#f7f3db
```
#f7f3db rgb(247,243,219)
```
#faf8eb
```
#faf8eb rgb(250,248,235)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#7f7f7b
```
#7f7f7b rgb(127,127,123)
```
#898671
```
#898671 rgb(137,134,113)
```
#928d68
```
#928d68 rgb(146,141,104)
```
#9c945e
```
#9c945e rgb(156,148,94)
```
#a69b54
```
#a69b54 rgb(166,155,84)
```
#afa24b
```
#afa24b rgb(175,162,75)
```
#b9a941
```
#b9a941 rgb(185,169,65)
```
#c2b038
```
#c2b038 rgb(194,176,56)
```
#ccb72e
```
#ccb72e rgb(204,183,46)
```
#d6be24
```
#d6be24 rgb(214,190,36)
```
#dfc51b
```
#dfc51b rgb(223,197,27)
```
#e9cc11
```
#e9cc11 rgb(233,204,17)
```
#f2d308
```
#f2d308 rgb(242,211,8)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4b094 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfba38 Protanopia 1% of men
#e6b13d Deuteranopia 1% of men
#d9aebb Tritanopia 0.001% of the population

Trichromacy

#ceb934 Protanomaly 1% of men, 0.01% of women
#ddb338 Deuteranomaly 6% of men, 0.4% of women
#d4b187 Tritanomaly 0.01% of the population

#ccb72e hex color

#ccb72e Color Information

#ccb72e Color Conversion

Color Schemes with #ccb72e

Alternatives to #ccb72e

#ccb72e Preview

Shades and Tints of #ccb72e

Tones of #ccb72e

Color Blindness Simulator