#ccba50 hex color

In a RGB color space, hex #ccba50 is composed of 80% red, 72.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.8% magenta, 60.8% yellow and 20% black. It has a hue angle of 51.3 degrees, a saturation of 54.9% and a lightness of 55.7%. #ccba50 color hex could be obtained by blending #ffffa0 with #997500. Closest websafe color is: #cccc66.

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

● #ccba50 color description : Moderate yellow.

The hexadecimal color #ccba50 has RGB values of R:204, G:186, B:80 and CMYK values of C:0, M:0.09, Y:0.61, K:0.2. Its decimal value is 13417040.

Hex triplet	ccba50	`#ccba50`
RGB Decimal	204, 186, 80	`rgb(204,186,80)`
RGB Percent	80, 72.9, 31.4	`rgb(80%,72.9%,31.4%)`
CMYK	0, 9, 61, 20
HSL	51.3°, 54.9, 55.7	`hsl(51.3,54.9%,55.7%)`
HSV (or HSB)	51.3°, 60.8, 80
Web Safe	cccc66	`#cccc66`

CIE-LAB	75.161, -6.415, 54.704
XYZ	43.909, 48.536, 14.644
xyY	0.41, 0.453, 48.536
CIE-LCH	75.161, 55.079, 96.689
CIE-LUV	75.161, 17.033, 65.528
Hunter-Lab	69.667, -9.416, 36.304
Binary	11001100, 10111010, 01010000

#ccba50
```
#ccba50 rgb(204,186,80)
```
#5062cc
```
#5062cc rgb(80,98,204)
```

Complementary Color

#cc7c50
```
#cc7c50 rgb(204,124,80)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#a0cc50
```
#a0cc50 rgb(160,204,80)
```

Analogous Color

#7c50cc
```
#7c50cc rgb(124,80,204)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#50a0cc
```
#50a0cc rgb(80,160,204)
```

Split Complementary Color

#ba50cc
```
#ba50cc rgb(186,80,204)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#50ccba
```
#50ccba rgb(80,204,186)
```

Triadic Color

#cc5062
```
#cc5062 rgb(204,80,98)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#50ccba
```
#50ccba rgb(80,204,186)
```
#5062cc
```
#5062cc rgb(80,98,204)
```

Tetradic Color

#a1902f
```
#a1902f rgb(161,144,47)
```
#b4a235
```
#b4a235 rgb(180,162,53)
```
#c6b23c
```
#c6b23c rgb(198,178,60)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#d2c264
```
#d2c264 rgb(210,194,100)
```
#d8ca77
```
#d8ca77 rgb(216,202,119)
```
#ddd18b
```
#ddd18b rgb(221,209,139)
```

Monochromatic Color

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

#cc9b50
```
#cc9b50 rgb(204,155,80)
```
#cca550
```
#cca550 rgb(204,165,80)
```
#ccb050
```
#ccb050 rgb(204,176,80)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#ccc450
```
#ccc450 rgb(204,196,80)
```
#c9cc50
```
#c9cc50 rgb(201,204,80)
```
#bfcc50
```
#bfcc50 rgb(191,204,80)
```

Similar Colors

Text with hexadecimal color #ccba50

This text has a font color of #ccba50.

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

#ccba50 background color

This paragraph has a background color of #ccba50.

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

#ccba50 border color

This element has a border color of #ccba50.

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

CSS codes

.text {color:#ccba50;}

.background {background-color:#ccba50;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#161407
```
#161407 rgb(22,20,7)
```
#26220b
```
#26220b rgb(38,34,11)
```
#352f0f
```
#352f0f rgb(53,47,15)
```
#443d14
```
#443d14 rgb(68,61,20)
```
#534b18
```
#534b18 rgb(83,75,24)
```
#62581d
```
#62581d rgb(98,88,29)
```
#726621
```
#726621 rgb(114,102,33)
```
#817426
```
#817426 rgb(129,116,38)
```
#90812a
```
#90812a rgb(144,129,42)
```
#9f8f2e
```
#9f8f2e rgb(159,143,46)
```
#ae9c33
```
#ae9c33 rgb(174,156,51)
```
#beaa37
```
#beaa37 rgb(190,170,55)
```

Shade Color Variation

#c8b441
```
#c8b441 rgb(200,180,65)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#d0c05f
```
#d0c05f rgb(208,192,95)
```
#d5c66e
```
#d5c66e rgb(213,198,110)
```
#d9cc7e
```
#d9cc7e rgb(217,204,126)
```
#ded28d
```
#ded28d rgb(222,210,141)
```
#e2d89c
```
#e2d89c rgb(226,216,156)
```
#e7deab
```
#e7deab rgb(231,222,171)
```
#ebe4ba
```
#ebe4ba rgb(235,228,186)
```
#efeaca
```
#efeaca rgb(239,234,202)
```
#f4f0d9
```
#f4f0d9 rgb(244,240,217)
```
#f8f6e8
```
#f8f6e8 rgb(248,246,232)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#8f8f8d
```
#8f8f8d rgb(143,143,141)
```
#989584
```
#989584 rgb(152,149,132)
```
#a19b7b
```
#a19b7b rgb(161,155,123)
```
#a9a173
```
#a9a173 rgb(169,161,115)
```
#b2a76a
```
#b2a76a rgb(178,167,106)
```
#bbae61
```
#bbae61 rgb(187,174,97)
```
#c3b459
```
#c3b459 rgb(195,180,89)
```
#ccba50
```
#ccba50 rgb(204,186,80)
```
#d5c047
```
#d5c047 rgb(213,192,71)
```
#ddc63f
```
#ddc63f rgb(221,198,63)
```
#e6cd36
```
#e6cd36 rgb(230,205,54)
```
#efd32d
```
#efd32d rgb(239,211,45)
```
#f7d925
```
#f7d925 rgb(247,217,37)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b8b49f Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc58 Protanopia 1% of men
#e7b45c Deuteranopia 1% of men
#d8b2bf Tritanopia 0.001% of the population

Trichromacy

#cfbb55 Protanomaly 1% of men, 0.01% of women
#ddb657 Deuteranomaly 6% of men, 0.4% of women
#d4b596 Tritanomaly 0.01% of the population

#ccba50 hex color

#ccba50 Color Information

#ccba50 Color Conversion

Color Schemes with #ccba50

Alternatives to #ccba50

#ccba50 Preview

Shades and Tints of #ccba50

Tones of #ccba50

Color Blindness Simulator