#ccba2d hex color

In a RGB color space, hex #ccba2d is composed of 80% red, 72.9% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.8% magenta, 77.9% yellow and 20% black. It has a hue angle of 53.2 degrees, a saturation of 63.9% and a lightness of 48.8%. #ccba2d color hex could be obtained by blending #ffff5a with #997500. Closest websafe color is: #cccc33.

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

● #ccba2d color description : Strong yellow.

The hexadecimal color #ccba2d has RGB values of R:204, G:186, B:45 and CMYK values of C:0, M:0.09, Y:0.78, K:0.2. Its decimal value is 13417005.

Hex triplet	ccba2d	`#ccba2d`
RGB Decimal	204, 186, 45	`rgb(204,186,45)`
RGB Percent	80, 72.9, 17.6	`rgb(80%,72.9%,17.6%)`
CMYK	0, 9, 78, 20
HSL	53.2°, 63.9, 48.8	`hsl(53.2,63.9%,48.8%)`
HSV (or HSB)	53.2°, 77.9, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.917, -8.241, 68.004
XYZ	42.935, 48.146, 9.514
xyY	0.427, 0.479, 48.146
CIE-LCH	74.917, 68.501, 96.909
CIE-LUV	74.917, 18.063, 75.604
Hunter-Lab	69.387, -10.977, 40.442
Binary	11001100, 10111010, 00101101

#ccba2d
```
#ccba2d rgb(204,186,45)
```
#2d3fcc
```
#2d3fcc rgb(45,63,204)
```

Complementary Color

#cc6b2d
```
#cc6b2d rgb(204,107,45)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```
#8fcc2d
```
#8fcc2d rgb(143,204,45)
```

Analogous Color

#6b2dcc
```
#6b2dcc rgb(107,45,204)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```
#2d8fcc
```
#2d8fcc rgb(45,143,204)
```

Split Complementary Color

#ba2dcc
```
#ba2dcc rgb(186,45,204)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```
#2dccba
```
#2dccba rgb(45,204,186)
```

Triadic Color

#cc2d3f
```
#cc2d3f rgb(204,45,63)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```
#2dccba
```
#2dccba rgb(45,204,186)
```
#2d3fcc
```
#2d3fcc rgb(45,63,204)
```

Tetradic Color

#8d811f
```
#8d811f rgb(141,129,31)
```
#a29424
```
#a29424 rgb(162,148,36)
```
#b7a728
```
#b7a728 rgb(183,167,40)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```
#d4c33e
```
#d4c33e rgb(212,195,62)
```
#d9ca53
```
#d9ca53 rgb(217,202,83)
```
#ded068
```
#ded068 rgb(222,208,104)
```

Monochromatic Color

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

#cc922d
```
#cc922d rgb(204,146,45)
```
#cca02d
```
#cca02d rgb(204,160,45)
```
#ccad2d
```
#ccad2d rgb(204,173,45)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```
#ccc72d
```
#ccc72d rgb(204,199,45)
```
#c4cc2d
```
#c4cc2d rgb(196,204,45)
```
#b6cc2d
```
#b6cc2d rgb(182,204,45)
```

Similar Colors

Text with hexadecimal color #ccba2d

This text has a font color of #ccba2d.

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

#ccba2d background color

This paragraph has a background color of #ccba2d.

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

#ccba2d border color

This element has a border color of #ccba2d.

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

CSS codes

.text {color:#ccba2d;}

.background {background-color:#ccba2d;}

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

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

#0b0a02
```
#0b0a02 rgb(11,10,2)
```
#1b1906
```
#1b1906 rgb(27,25,6)
```
#2b270a
```
#2b270a rgb(43,39,10)
```
#3b360d
```
#3b360d rgb(59,54,13)
```
#4b4511
```
#4b4511 rgb(75,69,17)
```
#5c5314
```
#5c5314 rgb(92,83,20)
```
#6c6218
```
#6c6218 rgb(108,98,24)
```
#7c711b
```
#7c711b rgb(124,113,27)
```
#8c7f1f
```
#8c7f1f rgb(140,127,31)
```
#9c8e22
```
#9c8e22 rgb(156,142,34)
```
#ac9d26
```
#ac9d26 rgb(172,157,38)
```
#bcab29
```
#bcab29 rgb(188,171,41)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```

Shade Color Variation

#d3c239
```
#d3c239 rgb(211,194,57)
```
#d7c749
```
#d7c749 rgb(215,199,73)
```
#dacc59
```
#dacc59 rgb(218,204,89)
```
#ded169
```
#ded169 rgb(222,209,105)
```
#e2d67a
```
#e2d67a rgb(226,214,122)
```
#e5db8a
```
#e5db8a rgb(229,219,138)
```
#e9e09a
```
#e9e09a rgb(233,224,154)
```
#ece5aa
```
#ece5aa rgb(236,229,170)
```
#f0eaba
```
#f0eaba rgb(240,234,186)
```
#f3efca
```
#f3efca rgb(243,239,202)
```
#f7f4da
```
#f7f4da rgb(247,244,218)
```
#faf9ea
```
#faf9ea rgb(250,249,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#7f7f7a
```
#7f7f7a rgb(127,127,122)
```
#898670
```
#898670 rgb(137,134,112)
```
#938e66
```
#938e66 rgb(147,142,102)
```
#9c955d
```
#9c955d rgb(156,149,93)
```
#a69c53
```
#a69c53 rgb(166,156,83)
```
#afa44a
```
#afa44a rgb(175,164,74)
```
#b9ab40
```
#b9ab40 rgb(185,171,64)
```
#c2b337
```
#c2b337 rgb(194,179,55)
```
#ccba2d
```
#ccba2d rgb(204,186,45)
```
#d6c123
```
#d6c123 rgb(214,193,35)
```
#dfc91a
```
#dfc91a rgb(223,201,26)
```
#e9d010
```
#e9d010 rgb(233,208,16)
```
#f2d807
```
#f2d807 rgb(242,216,7)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b5b195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc37 Protanopia 1% of men
#e9b33d Deuteranopia 1% of men
#d9b1bd Tritanopia 0.001% of the population

Trichromacy

#cfbb33 Protanomaly 1% of men, 0.01% of women
#deb537 Deuteranomaly 6% of men, 0.4% of women
#d4b489 Tritanomaly 0.01% of the population

#ccba2d hex color

#ccba2d Color Information

#ccba2d Color Conversion

Color Schemes with #ccba2d

Alternatives to #ccba2d

#ccba2d Preview

Shades and Tints of #ccba2d

Tones of #ccba2d

Color Blindness Simulator