#ccb61f hex color

In a RGB color space, hex #ccb61f is composed of 80% red, 71.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 84.8% yellow and 20% black. It has a hue angle of 52.4 degrees, a saturation of 73.6% and a lightness of 46.1%. #ccb61f color hex could be obtained by blending #ffff3e with #996d00. Closest websafe color is: #cccc33.

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

● #ccb61f color description : Strong yellow.

The hexadecimal color #ccb61f has RGB values of R:204, G:182, B:31 and CMYK values of C:0, M:0.11, Y:0.85, K:0.2. Its decimal value is 13415967.

Hex triplet	ccb61f	`#ccb61f`
RGB Decimal	204, 182, 31	`rgb(204,182,31)`
RGB Percent	80, 71.4, 12.2	`rgb(80%,71.4%,12.2%)`
CMYK	0, 11, 85, 20
HSL	52.4°, 73.6, 46.1	`hsl(52.4,73.6%,46.1%)`
HSV (or HSB)	52.4°, 84.8, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	73.8, -6.602, 70.903
XYZ	41.878, 46.394, 8.045
xyY	0.435, 0.482, 46.394
CIE-LCH	73.8, 71.21, 95.32
CIE-LUV	73.8, 21.12, 76.444
Hunter-Lab	68.113, -9.451, 40.676
Binary	11001100, 10110110, 00011111

#ccb61f
```
#ccb61f rgb(204,182,31)
```
#1f35cc
```
#1f35cc rgb(31,53,204)
```

Complementary Color

#cc601f
```
#cc601f rgb(204,96,31)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#8ccc1f
```
#8ccc1f rgb(140,204,31)
```

Analogous Color

#5f1fcc
```
#5f1fcc rgb(95,31,204)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#1f8ccc
```
#1f8ccc rgb(31,140,204)
```

Split Complementary Color

#b61fcc
```
#b61fcc rgb(182,31,204)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#1fccb6
```
#1fccb6 rgb(31,204,182)
```

Triadic Color

#cc1f35
```
#cc1f35 rgb(204,31,53)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#1fccb6
```
#1fccb6 rgb(31,204,182)
```
#1f35cc
```
#1f35cc rgb(31,53,204)
```

Tetradic Color

#8a7b15
```
#8a7b15 rgb(138,123,21)
```
#a08f18
```
#a08f18 rgb(160,143,24)
```
#b6a21c
```
#b6a21c rgb(182,162,28)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#dec726
```
#dec726 rgb(222,199,38)
```
#e1cc3d
```
#e1cc3d rgb(225,204,61)
```
#e5d253
```
#e5d253 rgb(229,210,83)
```

Monochromatic Color

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

#cc8b1f
```
#cc8b1f rgb(204,139,31)
```
#cc991f
```
#cc991f rgb(204,153,31)
```
#cca81f
```
#cca81f rgb(204,168,31)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#ccc41f
```
#ccc41f rgb(204,196,31)
```
#c5cc1f
```
#c5cc1f rgb(197,204,31)
```
#b7cc1f
```
#b7cc1f rgb(183,204,31)
```

Similar Colors

Text with hexadecimal color #ccb61f

This text has a font color of #ccb61f.

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

#ccb61f background color

This paragraph has a background color of #ccb61f.

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

#ccb61f border color

This element has a border color of #ccb61f.

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

CSS codes

.text {color:#ccb61f;}

.background {background-color:#ccb61f;}

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

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, #110f03 is the darkest color, while #ffffff is the lightest one.

#110f03
```
#110f03 rgb(17,15,3)
```
#221e05
```
#221e05 rgb(34,30,5)
```
#332d08
```
#332d08 rgb(51,45,8)
```
#443c0a
```
#443c0a rgb(68,60,10)
```
#554c0d
```
#554c0d rgb(85,76,13)
```
#665b0f
```
#665b0f rgb(102,91,15)
```
#776a12
```
#776a12 rgb(119,106,18)
```
#887915
```
#887915 rgb(136,121,21)
```
#998817
```
#998817 rgb(153,136,23)
```
#aa981a
```
#aa981a rgb(170,152,26)
```
#bba71c
```
#bba71c rgb(187,167,28)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#ddc522
```
#ddc522 rgb(221,197,34)
```

Shade Color Variation

#e0ca32
```
#e0ca32 rgb(224,202,50)
```
#e2ce43
```
#e2ce43 rgb(226,206,67)
```
#e5d354
```
#e5d354 rgb(229,211,84)
```
#e8d765
```
#e8d765 rgb(232,215,101)
```
#eadc76
```
#eadc76 rgb(234,220,118)
```
#ede087
```
#ede087 rgb(237,224,135)
```
#efe498
```
#efe498 rgb(239,228,152)
```
#f2e9aa
```
#f2e9aa rgb(242,233,170)
```
#f5edbb
```
#f5edbb rgb(245,237,187)
```
#f7f2cc
```
#f7f2cc rgb(247,242,204)
```
#faf6dd
```
#faf6dd rgb(250,246,221)
```
#fcfaee
```
#fcfaee rgb(252,250,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7b7970
```
#7b7970 rgb(123,121,112)
```
#848067
```
#848067 rgb(132,128,103)
```
#8d875e
```
#8d875e rgb(141,135,94)
```
#968e55
```
#968e55 rgb(150,142,85)
```
#9f944c
```
#9f944c rgb(159,148,76)
```
#a89b43
```
#a89b43 rgb(168,155,67)
```
#b1a23a
```
#b1a23a rgb(177,162,58)
```
#baa931
```
#baa931 rgb(186,169,49)
```
#c3af28
```
#c3af28 rgb(195,175,40)
```
#ccb61f
```
#ccb61f rgb(204,182,31)
```
#d5bd16
```
#d5bd16 rgb(213,189,22)
```
#dec30d
```
#dec30d rgb(222,195,13)
```
#e7ca04
```
#e7ca04 rgb(231,202,4)
```

Tone Color Variation

Below, you can see how #ccb61f 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
#b2ad8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb92a Protanopia 1% of men
#e6b031 Deuteranopia 1% of men
#d9adb9 Tritanopia 0.001% of the population

Trichromacy

#ceb826 Protanomaly 1% of men, 0.01% of women
#ddb22a Deuteranomaly 6% of men, 0.4% of women
#d4b081 Tritanomaly 0.01% of the population

#ccb61f hex color

#ccb61f Color Information

#ccb61f Color Conversion

Color Schemes with #ccb61f

Alternatives to #ccb61f

#ccb61f Preview

Shades and Tints of #ccb61f

Tones of #ccb61f

Color Blindness Simulator