#ccb730 hex color

In a RGB color space, hex #ccb730 is composed of 80% red, 71.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 76.5% yellow and 20% black. It has a hue angle of 51.9 degrees, a saturation of 61.9% and a lightness of 49.4%. #ccb730 color hex could be obtained by blending #ffff60 with #996f00. Closest websafe color is: #cccc33.

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

● #ccb730 color description : Strong yellow.

The hexadecimal color #ccb730 has RGB values of R:204, G:183, B:48 and CMYK values of C:0, M:0.1, Y:0.76, K:0.2. Its decimal value is 13416240.

Hex triplet	ccb730	`#ccb730`
RGB Decimal	204, 183, 48	`rgb(204,183,48)`
RGB Percent	80, 71.8, 18.8	`rgb(80%,71.8%,18.8%)`
CMYK	0, 10, 76, 20
HSL	51.9°, 61.9, 49.4	`hsl(51.9,61.9%,49.4%)`
HSV (or HSB)	51.9°, 76.5, 80
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.138, -6.575, 66.331
XYZ	42.369, 46.919, 9.621
xyY	0.428, 0.474, 46.919
CIE-LCH	74.138, 66.656, 95.661
CIE-LUV	74.138, 20.08, 73.748
Hunter-Lab	68.498, -9.459, 39.621
Binary	11001100, 10110111, 00110000

#ccb730
```
#ccb730 rgb(204,183,48)
```
#3045cc
```
#3045cc rgb(48,69,204)
```

Complementary Color

#cc6930
```
#cc6930 rgb(204,105,48)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```
#93cc30
```
#93cc30 rgb(147,204,48)
```

Analogous Color

#6930cc
```
#6930cc rgb(105,48,204)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```
#3093cc
```
#3093cc rgb(48,147,204)
```

Split Complementary Color

#b730cc
```
#b730cc rgb(183,48,204)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```
#30ccb7
```
#30ccb7 rgb(48,204,183)
```

Triadic Color

#cc3045
```
#cc3045 rgb(204,48,69)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```
#30ccb7
```
#30ccb7 rgb(48,204,183)
```
#3045cc
```
#3045cc rgb(48,69,204)
```

Tetradic Color

#8e7f21
```
#8e7f21 rgb(142,127,33)
```
#a39226
```
#a39226 rgb(163,146,38)
```
#b7a42b
```
#b7a42b rgb(183,164,43)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```
#d3bf43
```
#d3bf43 rgb(211,191,67)
```
#d8c657
```
#d8c657 rgb(216,198,87)
```
#dccd6c
```
#dccd6c rgb(220,205,108)
```

Monochromatic Color

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

#cc9030
```
#cc9030 rgb(204,144,48)
```
#cc9d30
```
#cc9d30 rgb(204,157,48)
```
#ccaa30
```
#ccaa30 rgb(204,170,48)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```
#ccc430
```
#ccc430 rgb(204,196,48)
```
#c7cc30
```
#c7cc30 rgb(199,204,48)
```
#bacc30
```
#bacc30 rgb(186,204,48)
```

Similar Colors

Text with hexadecimal color #ccb730

This text has a font color of #ccb730.

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

#ccb730 background color

This paragraph has a background color of #ccb730.

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

#ccb730 border color

This element has a border color of #ccb730.

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

CSS codes

.text {color:#ccb730;}

.background {background-color:#ccb730;}

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

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)
```
#2d290b
```
#2d290b rgb(45,41,11)
```
#3d370e
```
#3d370e rgb(61,55,14)
```
#4d4512
```
#4d4512 rgb(77,69,18)
```
#5d5316
```
#5d5316 rgb(93,83,22)
```
#6d621a
```
#6d621a rgb(109,98,26)
```
#7d701d
```
#7d701d rgb(125,112,29)
```
#8c7e21
```
#8c7e21 rgb(140,126,33)
```
#9c8c25
```
#9c8c25 rgb(156,140,37)
```
#ac9b29
```
#ac9b29 rgb(172,155,41)
```
#bca92c
```
#bca92c rgb(188,169,44)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```

Shade Color Variation

#d2be3e
```
#d2be3e rgb(210,190,62)
```
#d5c34e
```
#d5c34e rgb(213,195,78)
```
#d9c85e
```
#d9c85e rgb(217,200,94)
```
#ddce6e
```
#ddce6e rgb(221,206,110)
```
#e1d37e
```
#e1d37e rgb(225,211,126)
```
#e4d98d
```
#e4d98d rgb(228,217,141)
```
#e8de9d
```
#e8de9d rgb(232,222,157)
```
#ece3ad
```
#ece3ad rgb(236,227,173)
```
#efe9bd
```
#efe9bd rgb(239,233,189)
```
#f3eecd
```
#f3eecd rgb(243,238,205)
```
#f7f3dd
```
#f7f3dd rgb(247,243,221)
```
#fbf9ed
```
#fbf9ed rgb(251,249,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 #f3d309 is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#888574
```
#888574 rgb(136,133,116)
```
#928d6a
```
#928d6a rgb(146,141,106)
```
#9c9460
```
#9c9460 rgb(156,148,96)
```
#a59b57
```
#a59b57 rgb(165,155,87)
```
#afa24d
```
#afa24d rgb(175,162,77)
```
#b9a943
```
#b9a943 rgb(185,169,67)
```
#c2b03a
```
#c2b03a rgb(194,176,58)
```
#ccb730
```
#ccb730 rgb(204,183,48)
```
#d6be26
```
#d6be26 rgb(214,190,38)
```
#dfc51d
```
#dfc51d rgb(223,197,29)
```
#e9cc13
```
#e9cc13 rgb(233,204,19)
```
#f3d309
```
#f3d309 rgb(243,211,9)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b4b095 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfba3a Protanopia 1% of men
#e6b13f Deuteranopia 1% of men
#d9aebb Tritanopia 0.001% of the population

Trichromacy

#ceb936 Protanomaly 1% of men, 0.01% of women
#ddb339 Deuteranomaly 6% of men, 0.4% of women
#d4b188 Tritanomaly 0.01% of the population

#ccb730 hex color

#ccb730 Color Information

#ccb730 Color Conversion

Color Schemes with #ccb730

Alternatives to #ccb730

#ccb730 Preview

Shades and Tints of #ccb730

Tones of #ccb730

Color Blindness Simulator