colorhexa.com

#cbb224 hex color

In a RGB color space, hex #cbb224 is composed of 79.6% red, 69.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 82.3% yellow and 20.4% black. It has a hue angle of 51 degrees, a saturation of 69.9% and a lightness of 46.9%. #cbb224 color hex could be obtained by blending #ffff48 with #976500. Closest websafe color is: #cc9933.

- R 80
- G 70
- B 14
RGB color chart
- C 0
- M 12
- Y 82
- K 20
CMYK color chart

● #cbb224 color description : Strong yellow.

The hexadecimal color #cbb224 has RGB values of R:203, G:178, B:36 and CMYK values of C:0, M:0.12, Y:0.82, K:0.2. Its decimal value is 13349412.

Hex triplet	cbb224	`#cbb224`
RGB Decimal	203, 178, 36	`rgb(203,178,36)`
RGB Percent	79.6, 69.8, 14.1	`rgb(79.6%,69.8%,14.1%)`
CMYK	0, 12, 82, 20
HSL	51°, 69.9, 46.9	`hsl(51,69.9%,46.9%)`
HSV (or HSB)	51°, 82.3, 79.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.672, -4.82, 68.637
XYZ	40.868, 44.666, 8.138
xyY	0.436, 0.477, 44.666
CIE-LCH	72.672, 68.806, 94.017
CIE-LUV	72.672, 23.134, 74.06
Hunter-Lab	66.833, -7.805, 39.564
Binary	11001011, 10110010, 00100100

#cbb224
```
#cbb224 rgb(203,178,36)
```
#243dcb
```
#243dcb rgb(36,61,203)
```

Complementary Color

#cb5f24
```
#cb5f24 rgb(203,95,36)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```
#91cb24
```
#91cb24 rgb(145,203,36)
```

Analogous Color

#5f24cb
```
#5f24cb rgb(95,36,203)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```
#2491cb
```
#2491cb rgb(36,145,203)
```

Split Complementary Color

#b224cb
```
#b224cb rgb(178,36,203)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```
#24cbb2
```
#24cbb2 rgb(36,203,178)
```

Triadic Color

#cb243d
```
#cb243d rgb(203,36,61)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```
#24cbb2
```
#24cbb2 rgb(36,203,178)
```
#243dcb
```
#243dcb rgb(36,61,203)
```

Tetradic Color

#8a7918
```
#8a7918 rgb(138,121,24)
```
#a08c1c
```
#a08c1c rgb(160,140,28)
```
#b59f20
```
#b59f20 rgb(181,159,32)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```
#dac02e
```
#dac02e rgb(218,192,46)
```
#dec744
```
#dec744 rgb(222,199,68)
```
#e2cd5a
```
#e2cd5a rgb(226,205,90)
```

Monochromatic Color

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

#cb8824
```
#cb8824 rgb(203,136,36)
```
#cb9624
```
#cb9624 rgb(203,150,36)
```
#cba424
```
#cba424 rgb(203,164,36)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```
#cbc024
```
#cbc024 rgb(203,192,36)
```
#c8cb24
```
#c8cb24 rgb(200,203,36)
```
#bacb24
```
#bacb24 rgb(186,203,36)
```

Similar Colors

Text with hexadecimal color #cbb224

This text has a font color of #cbb224.

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

#cbb224 background color

This paragraph has a background color of #cbb224.

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

#cbb224 border color

This element has a border color of #cbb224.

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

CSS codes

.text {color:#cbb224;}

.background {background-color:#cbb224;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#141103
```
#141103 rgb(20,17,3)
```
#242006
```
#242006 rgb(36,32,6)
```
#352f09
```
#352f09 rgb(53,47,9)
```
#463d0c
```
#463d0c rgb(70,61,12)
```
#564c0f
```
#564c0f rgb(86,76,15)
```
#675a12
```
#675a12 rgb(103,90,18)
```
#786915
```
#786915 rgb(120,105,21)
```
#887818
```
#887818 rgb(136,120,24)
```
#99861b
```
#99861b rgb(153,134,27)
```
#aa951e
```
#aa951e rgb(170,149,30)
```
#baa321
```
#baa321 rgb(186,163,33)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```

Shade Color Variation

#d9bf29
```
#d9bf29 rgb(217,191,41)
```
#dcc43a
```
#dcc43a rgb(220,196,58)
```
#dfc94b
```
#dfc94b rgb(223,201,75)
```
#e2ce5b
```
#e2ce5b rgb(226,206,91)
```
#e5d36c
```
#e5d36c rgb(229,211,108)
```
#e8d87d
```
#e8d87d rgb(232,216,125)
```
#ebdd8d
```
#ebdd8d rgb(235,221,141)
```
#eee29e
```
#eee29e rgb(238,226,158)
```
#f1e7af
```
#f1e7af rgb(241,231,175)
```
#f4ecbf
```
#f4ecbf rgb(244,236,191)
```
#f7f1d0
```
#f7f1d0 rgb(247,241,208)
```
#faf6e1
```
#faf6e1 rgb(250,246,225)
```
#fdfbf1
```
#fdfbf1 rgb(253,251,241)
```

Tint Color Variation

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

#787877
```
#787877 rgb(120,120,119)
```
#817e6e
```
#817e6e rgb(129,126,110)
```
#8b8564
```
#8b8564 rgb(139,133,100)
```
#948b5b
```
#948b5b rgb(148,139,91)
```
#9d9252
```
#9d9252 rgb(157,146,82)
```
#a69849
```
#a69849 rgb(166,152,73)
```
#af9f40
```
#af9f40 rgb(175,159,64)
```
#b9a536
```
#b9a536 rgb(185,165,54)
```
#c2ac2d
```
#c2ac2d rgb(194,172,45)
```
#cbb224
```
#cbb224 rgb(203,178,36)
```
#d4b81b
```
#d4b81b rgb(212,184,27)
```
#ddbf12
```
#ddbf12 rgb(221,191,18)
```
#e7c508
```
#e7c508 rgb(231,197,8)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b0ab8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb62f Protanopia 1% of men
#e2ad34 Deuteranopia 1% of men
#d8aab6 Tritanopia 0.001% of the population

Trichromacy

#cbb42b Protanomaly 1% of men, 0.01% of women
#daaf2e Deuteranomaly 6% of men, 0.4% of women
#d3ad81 Tritanomaly 0.01% of the population