#ccba0a hex color

In a RGB color space, hex #ccba0a is composed of 80% red, 72.9% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.8% magenta, 95.1% yellow and 20% black. It has a hue angle of 54.4 degrees, a saturation of 90.7% and a lightness of 42%. #ccba0a color hex could be obtained by blending #ffff14 with #997500. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 73
- B 4
RGB color chart
- C 0
- M 9
- Y 95
- K 20
CMYK color chart

● #ccba0a color description : Strong yellow.

The hexadecimal color #ccba0a has RGB values of R:204, G:186, B:10 and CMYK values of C:0, M:0.09, Y:0.95, K:0.2. Its decimal value is 13416970.

Hex triplet	ccba0a	`#ccba0a`
RGB Decimal	204, 186, 10	`rgb(204,186,10)`
RGB Percent	80, 72.9, 3.9	`rgb(80%,72.9%,3.9%)`
CMYK	0, 9, 95, 20
HSL	54.4°, 90.7, 42	`hsl(54.4,90.7%,42%)`
HSV (or HSB)	54.4°, 95.1, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.811, -9.037, 75.291
XYZ	42.516, 47.978, 7.308
xyY	0.435, 0.491, 47.978
CIE-LCH	74.811, 75.831, 96.844
CIE-LUV	74.811, 18.523, 80.093
Hunter-Lab	69.266, -11.652, 42.231
Binary	11001100, 10111010, 00001010

#ccba0a
```
#ccba0a rgb(204,186,10)
```
#0a1ccc
```
#0a1ccc rgb(10,28,204)
```

Complementary Color

#cc590a
```
#cc590a rgb(204,89,10)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#7dcc0a
```
#7dcc0a rgb(125,204,10)
```

Analogous Color

#590acc
```
#590acc rgb(89,10,204)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#0a7dcc
```
#0a7dcc rgb(10,125,204)
```

Split Complementary Color

#ba0acc
```
#ba0acc rgb(186,10,204)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#0accba
```
#0accba rgb(10,204,186)
```

Triadic Color

#cc0a1c
```
#cc0a1c rgb(204,10,28)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#0accba
```
#0accba rgb(10,204,186)
```
#0a1ccc
```
#0a1ccc rgb(10,28,204)
```

Tetradic Color

#837806
```
#837806 rgb(131,120,6)
```
#9b8e08
```
#9b8e08 rgb(155,142,8)
```
#b4a409
```
#b4a409 rgb(180,164,9)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#e4d00b
```
#e4d00b rgb(228,208,11)
```
#f4df15
```
#f4df15 rgb(244,223,21)
```
#f5e22e
```
#f5e22e rgb(245,226,46)
```

Monochromatic Color

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

#cc8a0a
```
#cc8a0a rgb(204,138,10)
```
#cc9a0a
```
#cc9a0a rgb(204,154,10)
```
#ccaa0a
```
#ccaa0a rgb(204,170,10)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#ccca0a
```
#ccca0a rgb(204,202,10)
```
#becc0a
```
#becc0a rgb(190,204,10)
```
#aecc0a
```
#aecc0a rgb(174,204,10)
```

Similar Colors

Text with hexadecimal color #ccba0a

This text has a font color of #ccba0a.

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

#ccba0a background color

This paragraph has a background color of #ccba0a.

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

#ccba0a border color

This element has a border color of #ccba0a.

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

CSS codes

.text {color:#ccba0a;}

.background {background-color:#ccba0a;}

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

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

#111001
```
#111001 rgb(17,16,1)
```
#242102
```
#242102 rgb(36,33,2)
```
#363203
```
#363203 rgb(54,50,3)
```
#494304
```
#494304 rgb(73,67,4)
```
#5c5405
```
#5c5405 rgb(92,84,5)
```
#6f6505
```
#6f6505 rgb(111,101,5)
```
#817606
```
#817606 rgb(129,118,6)
```
#948707
```
#948707 rgb(148,135,7)
```
#a79808
```
#a79808 rgb(167,152,8)
```
#b9a909
```
#b9a909 rgb(185,169,9)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#dfcb0b
```
#dfcb0b rgb(223,203,11)
```
#f1dc0c
```
#f1dc0c rgb(241,220,12)
```

Shade Color Variation

#f4e01d
```
#f4e01d rgb(244,224,29)
```
#f5e330
```
#f5e330 rgb(245,227,48)
```
#f6e542
```
#f6e542 rgb(246,229,66)
```
#f7e855
```
#f7e855 rgb(247,232,85)
```
#f8ea68
```
#f8ea68 rgb(248,234,104)
```
#f9ed7a
```
#f9ed7a rgb(249,237,122)
```
#f9ef8d
```
#f9ef8d rgb(249,239,141)
```
#faf2a0
```
#faf2a0 rgb(250,242,160)
```
#fbf5b3
```
#fbf5b3 rgb(251,245,179)
```
#fcf7c5
```
#fcf7c5 rgb(252,247,197)
```
#fdfad8
```
#fdfad8 rgb(253,250,216)
```
#fefceb
```
#fefceb rgb(254,252,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#717065
```
#717065 rgb(113,112,101)
```
#7a775c
```
#7a775c rgb(122,119,92)
```
#827e54
```
#827e54 rgb(130,126,84)
```
#8a844c
```
#8a844c rgb(138,132,76)
```
#928b44
```
#928b44 rgb(146,139,68)
```
#9b923b
```
#9b923b rgb(155,146,59)
```
#a39833
```
#a39833 rgb(163,152,51)
```
#ab9f2b
```
#ab9f2b rgb(171,159,43)
```
#b3a623
```
#b3a623 rgb(179,166,35)
```
#bcad1a
```
#bcad1a rgb(188,173,26)
```
#c4b312
```
#c4b312 rgb(196,179,18)
```
#ccba0a
```
#ccba0a rgb(204,186,10)
```
#d4c102
```
#d4c102 rgb(212,193,2)
```

Tone Color Variation

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

Dichromacy

#d2bc16 Protanopia 1% of men
#eab224 Deuteranopia 1% of men
#dab1bd Tritanopia 0.001% of the population

Trichromacy

#d0bb11 Protanomaly 1% of men, 0.01% of women
#dfb51a Deuteranomaly 6% of men, 0.4% of women
#d5b47c Tritanomaly 0.01% of the population

#ccba0a hex color

#ccba0a Color Information

#ccba0a Color Conversion

Color Schemes with #ccba0a

Alternatives to #ccba0a

#ccba0a Preview

Shades and Tints of #ccba0a

Tones of #ccba0a

Color Blindness Simulator