#ccb230 hex color

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

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

● #ccb230 color description : Strong yellow.

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

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

CIE-LAB	72.821, -3.969, 65.115
XYZ	41.356, 44.893, 9.283
xyY	0.433, 0.47, 44.893
CIE-LCH	72.821, 65.236, 93.488
CIE-LUV	72.821, 23.595, 71.709
Hunter-Lab	67.002, -7.077, 38.687
Binary	11001100, 10110010, 00110000

#ccb230
```
#ccb230 rgb(204,178,48)
```
#304acc
```
#304acc rgb(48,74,204)
```

Complementary Color

#cc6430
```
#cc6430 rgb(204,100,48)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#98cc30
```
#98cc30 rgb(152,204,48)
```

Analogous Color

#6430cc
```
#6430cc rgb(100,48,204)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#3098cc
```
#3098cc rgb(48,152,204)
```

Split Complementary Color

#b230cc
```
#b230cc rgb(178,48,204)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#30ccb2
```
#30ccb2 rgb(48,204,178)
```

Triadic Color

#cc304a
```
#cc304a rgb(204,48,74)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#30ccb2
```
#30ccb2 rgb(48,204,178)
```
#304acc
```
#304acc rgb(48,74,204)
```

Tetradic Color

#8e7c21
```
#8e7c21 rgb(142,124,33)
```
#a38e26
```
#a38e26 rgb(163,142,38)
```
#b7a02b
```
#b7a02b rgb(183,160,43)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#d3bb43
```
#d3bb43 rgb(211,187,67)
```
#d8c257
```
#d8c257 rgb(216,194,87)
```
#dcca6c
```
#dcca6c rgb(220,202,108)
```

Monochromatic Color

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

#cc8b30
```
#cc8b30 rgb(204,139,48)
```
#cc9830
```
#cc9830 rgb(204,152,48)
```
#cca530
```
#cca530 rgb(204,165,48)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#ccbf30
```
#ccbf30 rgb(204,191,48)
```
#cccc30
```
#cccc30 rgb(204,204,48)
```
#bfcc30
```
#bfcc30 rgb(191,204,48)
```

Similar Colors

Text with hexadecimal color #ccb230

This text has a font color of #ccb230.

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

#ccb230 background color

This paragraph has a background color of #ccb230.

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

#ccb230 border color

This element has a border color of #ccb230.

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

CSS codes

.text {color:#ccb230;}

.background {background-color:#ccb230;}

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

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)
```
#1d1a07
```
#1d1a07 rgb(29,26,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)
```
#6d5f1a
```
#6d5f1a rgb(109,95,26)
```
#7d6d1d
```
#7d6d1d rgb(125,109,29)
```
#8c7b21
```
#8c7b21 rgb(140,123,33)
```
#9c8825
```
#9c8825 rgb(156,136,37)
```
#ac9629
```
#ac9629 rgb(172,150,41)
```
#bca42c
```
#bca42c rgb(188,164,44)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```

Shade Color Variation

#d2b93e
```
#d2b93e rgb(210,185,62)
```
#d5bf4e
```
#d5bf4e rgb(213,191,78)
```
#d9c55e
```
#d9c55e rgb(217,197,94)
```
#ddca6e
```
#ddca6e rgb(221,202,110)
```
#e1d07e
```
#e1d07e rgb(225,208,126)
```
#e4d68d
```
#e4d68d rgb(228,214,141)
```
#e8dc9d
```
#e8dc9d rgb(232,220,157)
```
#ece1ad
```
#ece1ad rgb(236,225,173)
```
#efe7bd
```
#efe7bd rgb(239,231,189)
```
#f3edcd
```
#f3edcd rgb(243,237,205)
```
#f7f3dd
```
#f7f3dd rgb(247,243,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 #f3cc09 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#888574
```
#888574 rgb(136,133,116)
```
#928b6a
```
#928b6a rgb(146,139,106)
```
#9c9260
```
#9c9260 rgb(156,146,96)
```
#a59857
```
#a59857 rgb(165,152,87)
```
#af9f4d
```
#af9f4d rgb(175,159,77)
```
#b9a543
```
#b9a543 rgb(185,165,67)
```
#c2ac3a
```
#c2ac3a rgb(194,172,58)
```
#ccb230
```
#ccb230 rgb(204,178,48)
```
#d6b826
```
#d6b826 rgb(214,184,38)
```
#dfbf1d
```
#dfbf1d rgb(223,191,29)
```
#e9c513
```
#e9c513 rgb(233,197,19)
```
#f3cc09
```
#f3cc09 rgb(243,204,9)
```

Tone Color Variation

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

Dichromacy

#cbb63b Protanopia 1% of men
#e2ae3e Deuteranopia 1% of men
#d8aab6 Tritanopia 0.001% of the population

Trichromacy

#cbb537 Protanomaly 1% of men, 0.01% of women
#daaf39 Deuteranomaly 6% of men, 0.4% of women
#d4ad85 Tritanomaly 0.01% of the population

#ccb230 hex color

#ccb230 Color Information

#ccb230 Color Conversion

Color Schemes with #ccb230

Alternatives to #ccb230

#ccb230 Preview

Shades and Tints of #ccb230

Tones of #ccb230

Color Blindness Simulator