#ccb618 hex color

In a RGB color space, hex #ccb618 is composed of 80% red, 71.4% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.8% magenta, 88.2% yellow and 20% black. It has a hue angle of 52.7 degrees, a saturation of 78.9% and a lightness of 44.7%. #ccb618 color hex could be obtained by blending #ffff30 with #996d00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 80
- G 71
- B 9
RGB color chart
- C 0
- M 11
- Y 88
- K 20
CMYK color chart

● #ccb618 color description : Strong yellow.

The hexadecimal color #ccb618 has RGB values of R:204, G:182, B:24 and CMYK values of C:0, M:0.11, Y:0.88, K:0.2. Its decimal value is 13415960.

Hex triplet	ccb618	`#ccb618`
RGB Decimal	204, 182, 24	`rgb(204,182,24)`
RGB Percent	80, 71.4, 9.4	`rgb(80%,71.4%,9.4%)`
CMYK	0, 11, 88, 20
HSL	52.7°, 78.9, 44.7	`hsl(52.7,78.9%,44.7%)`
HSV (or HSB)	52.7°, 88.2, 80
Web Safe	cccc00	`#cccc00`

CIE-LAB	73.779, -6.76, 72.404
XYZ	41.795, 46.361, 7.611
xyY	0.436, 0.484, 46.361
CIE-LCH	73.779, 72.719, 95.334
CIE-LUV	73.779, 21.219, 77.347
Hunter-Lab	68.089, -9.586, 41.034
Binary	11001100, 10110110, 00011000

#ccb618
```
#ccb618 rgb(204,182,24)
```
#182ecc
```
#182ecc rgb(24,46,204)
```

Complementary Color

#cc5c18
```
#cc5c18 rgb(204,92,24)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#88cc18
```
#88cc18 rgb(136,204,24)
```

Analogous Color

#5c18cc
```
#5c18cc rgb(92,24,204)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#1888cc
```
#1888cc rgb(24,136,204)
```

Split Complementary Color

#b618cc
```
#b618cc rgb(182,24,204)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#18ccb6
```
#18ccb6 rgb(24,204,182)
```

Triadic Color

#cc182e
```
#cc182e rgb(204,24,46)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#18ccb6
```
#18ccb6 rgb(24,204,182)
```
#182ecc
```
#182ecc rgb(24,46,204)
```

Tetradic Color

#887910
```
#887910 rgb(136,121,16)
```
#9e8d13
```
#9e8d13 rgb(158,141,19)
```
#b5a215
```
#b5a215 rgb(181,162,21)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#e3ca1b
```
#e3ca1b rgb(227,202,27)
```
#e7d030
```
#e7d030 rgb(231,208,48)
```
#e9d647
```
#e9d647 rgb(233,214,71)
```

Monochromatic Color

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

#cc8918
```
#cc8918 rgb(204,137,24)
```
#cc9818
```
#cc9818 rgb(204,152,24)
```
#cca718
```
#cca718 rgb(204,167,24)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#ccc518
```
#ccc518 rgb(204,197,24)
```
#c4cc18
```
#c4cc18 rgb(196,204,24)
```
#b5cc18
```
#b5cc18 rgb(181,204,24)
```

Similar Colors

Text with hexadecimal color #ccb618

This text has a font color of #ccb618.

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

#ccb618 background color

This paragraph has a background color of #ccb618.

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

#ccb618 border color

This element has a border color of #ccb618.

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

CSS codes

.text {color:#ccb618;}

.background {background-color:#ccb618;}

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

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

#0b0a01
```
#0b0a01 rgb(11,10,1)
```
#1c1903
```
#1c1903 rgb(28,25,3)
```
#2e2905
```
#2e2905 rgb(46,41,5)
```
#403907
```
#403907 rgb(64,57,7)
```
#51480a
```
#51480a rgb(81,72,10)
```
#63580c
```
#63580c rgb(99,88,12)
```
#74680e
```
#74680e rgb(116,104,14)
```
#867710
```
#867710 rgb(134,119,16)
```
#978712
```
#978712 rgb(151,135,18)
```
#a99714
```
#a99714 rgb(169,151,20)
```
#baa616
```
#baa616 rgb(186,166,22)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#dec61a
```
#dec61a rgb(222,198,26)
```

Shade Color Variation

#e5ce26
```
#e5ce26 rgb(229,206,38)
```
#e8d237
```
#e8d237 rgb(232,210,55)
```
#ead649
```
#ead649 rgb(234,214,73)
```
#ecda5a
```
#ecda5a rgb(236,218,90)
```
#eede6c
```
#eede6c rgb(238,222,108)
```
#f0e27e
```
#f0e27e rgb(240,226,126)
```
#f2e68f
```
#f2e68f rgb(242,230,143)
```
#f4eaa1
```
#f4eaa1 rgb(244,234,161)
```
#f6eeb2
```
#f6eeb2 rgb(246,238,178)
```
#f8f2c4
```
#f8f2c4 rgb(248,242,196)
```
#faf6d5
```
#faf6d5 rgb(250,246,213)
```
#fcfae7
```
#fcfae7 rgb(252,250,231)
```
#fefef8
```
#fefef8 rgb(254,254,248)
```

Tint Color Variation

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

#747470
```
#747470 rgb(116,116,112)
```
#7d7a67
```
#7d7a67 rgb(125,122,103)
```
#86815e
```
#86815e rgb(134,129,94)
```
#8f8855
```
#8f8855 rgb(143,136,85)
```
#978e4d
```
#978e4d rgb(151,142,77)
```
#a09544
```
#a09544 rgb(160,149,68)
```
#a99b3b
```
#a99b3b rgb(169,155,59)
```
#b2a232
```
#b2a232 rgb(178,162,50)
```
#baa92a
```
#baa92a rgb(186,169,42)
```
#c3af21
```
#c3af21 rgb(195,175,33)
```
#ccb618
```
#ccb618 rgb(204,182,24)
```
#d5bd0f
```
#d5bd0f rgb(213,189,15)
```
#dec306
```
#dec306 rgb(222,195,6)
```

Tone Color Variation

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

Dichromacy

#cfb923 Protanopia 1% of men
#e6b02b Deuteranopia 1% of men
#d9adb9 Tritanopia 0.001% of the population

Trichromacy

#ceb81f Protanomaly 1% of men, 0.01% of women
#ddb224 Deuteranomaly 6% of men, 0.4% of women
#d4b07e Tritanomaly 0.01% of the population

#ccb618 hex color

#ccb618 Color Information

#ccb618 Color Conversion

Color Schemes with #ccb618

Alternatives to #ccb618

#ccb618 Preview

Shades and Tints of #ccb618

Tones of #ccb618

Color Blindness Simulator