#ccb130 hex color

In a RGB color space, hex #ccb130 is composed of 80% red, 69.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 76.5% yellow and 20% black. It has a hue angle of 49.6 degrees, a saturation of 61.9% and a lightness of 49.4%. #ccb130 color hex could be obtained by blending #ffff60 with #996300. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 80
- G 69
- B 19
RGB color chart
- C 0
- M 13
- Y 76
- K 20
CMYK color chart

● #ccb130 color description : Strong yellow.

The hexadecimal color #ccb130 has RGB values of R:204, G:177, B:48 and CMYK values of C:0, M:0.13, Y:0.76, K:0.2. Its decimal value is 13414704.

Hex triplet	ccb130	`#ccb130`
RGB Decimal	204, 177, 48	`rgb(204,177,48)`
RGB Percent	80, 69.4, 18.8	`rgb(80%,69.4%,18.8%)`
CMYK	0, 13, 76, 20
HSL	49.6°, 61.9, 49.4	`hsl(49.6,61.9%,49.4%)`
HSV (or HSB)	49.6°, 76.5, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.559, -3.445, 64.872
XYZ	41.158, 44.497, 9.217
xyY	0.434, 0.469, 44.497
CIE-LCH	72.559, 64.964, 93.04
CIE-LUV	72.559, 24.305, 71.301
Hunter-Lab	66.706, -6.599, 38.502
Binary	11001100, 10110001, 00110000

#ccb130
```
#ccb130 rgb(204,177,48)
```
#304bcc
```
#304bcc rgb(48,75,204)
```

Complementary Color

#cc6330
```
#cc6330 rgb(204,99,48)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```
#99cc30
```
#99cc30 rgb(153,204,48)
```

Analogous Color

#6330cc
```
#6330cc rgb(99,48,204)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```
#3099cc
```
#3099cc rgb(48,153,204)
```

Split Complementary Color

#b130cc
```
#b130cc rgb(177,48,204)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```
#30ccb1
```
#30ccb1 rgb(48,204,177)
```

Triadic Color

#cc304b
```
#cc304b rgb(204,48,75)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```
#30ccb1
```
#30ccb1 rgb(48,204,177)
```
#304bcc
```
#304bcc rgb(48,75,204)
```

Tetradic Color

#8e7b21
```
#8e7b21 rgb(142,123,33)
```
#a38d26
```
#a38d26 rgb(163,141,38)
```
#b79f2b
```
#b79f2b rgb(183,159,43)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```
#d3ba43
```
#d3ba43 rgb(211,186,67)
```
#d8c157
```
#d8c157 rgb(216,193,87)
```
#dcc96c
```
#dcc96c rgb(220,201,108)
```

Monochromatic Color

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

#cc8a30
```
#cc8a30 rgb(204,138,48)
```
#cc9730
```
#cc9730 rgb(204,151,48)
```
#cca430
```
#cca430 rgb(204,164,48)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```
#ccbe30
```
#ccbe30 rgb(204,190,48)
```
#cccb30
```
#cccb30 rgb(204,203,48)
```
#c0cc30
```
#c0cc30 rgb(192,204,48)
```

Similar Colors

Text with hexadecimal color #ccb130

This text has a font color of #ccb130.

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

#ccb130 background color

This paragraph has a background color of #ccb130.

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

#ccb130 border color

This element has a border color of #ccb130.

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

CSS codes

.text {color:#ccb130;}

.background {background-color:#ccb130;}

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

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

#0d0c03
```
#0d0c03 rgb(13,12,3)
```
#1d1907
```
#1d1907 rgb(29,25,7)
```
#2d270b
```
#2d270b rgb(45,39,11)
```
#3d350e
```
#3d350e rgb(61,53,14)
```
#4d4312
```
#4d4312 rgb(77,67,18)
```
#5d5116
```
#5d5116 rgb(93,81,22)
```
#6d5e1a
```
#6d5e1a rgb(109,94,26)
```
#7d6c1d
```
#7d6c1d rgb(125,108,29)
```
#8c7a21
```
#8c7a21 rgb(140,122,33)
```
#9c8825
```
#9c8825 rgb(156,136,37)
```
#ac9529
```
#ac9529 rgb(172,149,41)
```
#bca32c
```
#bca32c rgb(188,163,44)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```

Shade Color Variation

#d2b83e
```
#d2b83e rgb(210,184,62)
```
#d5be4e
```
#d5be4e rgb(213,190,78)
```
#d9c45e
```
#d9c45e rgb(217,196,94)
```
#ddca6e
```
#ddca6e rgb(221,202,110)
```
#e1cf7e
```
#e1cf7e rgb(225,207,126)
```
#e4d58d
```
#e4d58d rgb(228,213,141)
```
#e8db9d
```
#e8db9d rgb(232,219,157)
```
#ece1ad
```
#ece1ad rgb(236,225,173)
```
#efe7bd
```
#efe7bd rgb(239,231,189)
```
#f3edcd
```
#f3edcd rgb(243,237,205)
```
#f7f2dd
```
#f7f2dd rgb(247,242,221)
```
#fbf8ed
```
#fbf8ed rgb(251,248,237)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#888574
```
#888574 rgb(136,133,116)
```
#928b6a
```
#928b6a rgb(146,139,106)
```
#9c9160
```
#9c9160 rgb(156,145,96)
```
#a59857
```
#a59857 rgb(165,152,87)
```
#af9e4d
```
#af9e4d rgb(175,158,77)
```
#b9a443
```
#b9a443 rgb(185,164,67)
```
#c2ab3a
```
#c2ab3a rgb(194,171,58)
```
#ccb130
```
#ccb130 rgb(204,177,48)
```
#d6b726
```
#d6b726 rgb(214,183,38)
```
#dfbe1d
```
#dfbe1d rgb(223,190,29)
```
#e9c413
```
#e9c413 rgb(233,196,19)
```
#f3ca09
```
#f3ca09 rgb(243,202,9)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b1ab92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb63b Protanopia 1% of men
#e1ad3e Deuteranopia 1% of men
#d8a9b5 Tritanopia 0.001% of the population

Trichromacy

#cbb437 Protanomaly 1% of men, 0.01% of women
#d9ae39 Deuteranomaly 6% of men, 0.4% of women
#d4ac84 Tritanomaly 0.01% of the population

#ccb130 hex color

#ccb130 Color Information

#ccb130 Color Conversion

Color Schemes with #ccb130

Alternatives to #ccb130

#ccb130 Preview

Shades and Tints of #ccb130

Tones of #ccb130

Color Blindness Simulator