#ccb22b hex color

In a RGB color space, hex #ccb22b is composed of 80% red, 69.8% green and 16.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 78.9% yellow and 20% black. It has a hue angle of 50.3 degrees, a saturation of 65.2% and a lightness of 48.4%. #ccb22b color hex could be obtained by blending #ffff56 with #996500. Closest websafe color is: #cc9933.

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

● #ccb22b color description : Strong yellow.

The hexadecimal color #ccb22b has RGB values of R:204, G:178, B:43 and CMYK values of C:0, M:0.13, Y:0.79, K:0.2. Its decimal value is 13414955.

Hex triplet	ccb22b	`#ccb22b`
RGB Decimal	204, 178, 43	`rgb(204,178,43)`
RGB Percent	80, 69.8, 16.9	`rgb(80%,69.8%,16.9%)`
CMYK	0, 13, 79, 20
HSL	50.3°, 65.2, 48.4	`hsl(50.3,65.2%,48.4%)`
HSV (or HSB)	50.3°, 78.9, 80
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.796, -4.156, 66.724
XYZ	41.259, 44.854, 8.77
xyY	0.435, 0.473, 44.854
CIE-LCH	72.796, 66.853, 93.564
CIE-LUV	72.796, 23.721, 72.78
Hunter-Lab	66.973, -7.238, 39.117
Binary	11001100, 10110010, 00101011

#ccb22b
```
#ccb22b rgb(204,178,43)
```
#2b45cc
```
#2b45cc rgb(43,69,204)
```

Complementary Color

#cc622b
```
#cc622b rgb(204,98,43)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```
#96cc2b
```
#96cc2b rgb(150,204,43)
```

Analogous Color

#622bcc
```
#622bcc rgb(98,43,204)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```
#2b96cc
```
#2b96cc rgb(43,150,204)
```

Split Complementary Color

#b22bcc
```
#b22bcc rgb(178,43,204)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```
#2bccb2
```
#2bccb2 rgb(43,204,178)
```

Triadic Color

#cc2b45
```
#cc2b45 rgb(204,43,69)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```
#2bccb2
```
#2bccb2 rgb(43,204,178)
```
#2b45cc
```
#2b45cc rgb(43,69,204)
```

Tetradic Color

#8d7b1e
```
#8d7b1e rgb(141,123,30)
```
#a28d22
```
#a28d22 rgb(162,141,34)
```
#b7a027
```
#b7a027 rgb(183,160,39)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```
#d6bd3b
```
#d6bd3b rgb(214,189,59)
```
#dac450
```
#dac450 rgb(218,196,80)
```
#dfcb65
```
#dfcb65 rgb(223,203,101)
```

Monochromatic Color

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

#cc8a2b
```
#cc8a2b rgb(204,138,43)
```
#cc972b
```
#cc972b rgb(204,151,43)
```
#cca52b
```
#cca52b rgb(204,165,43)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```
#ccbf2b
```
#ccbf2b rgb(204,191,43)
```
#cbcc2b
```
#cbcc2b rgb(203,204,43)
```
#becc2b
```
#becc2b rgb(190,204,43)
```

Similar Colors

Text with hexadecimal color #ccb22b

This text has a font color of #ccb22b.

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

#ccb22b background color

This paragraph has a background color of #ccb22b.

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

#ccb22b border color

This element has a border color of #ccb22b.

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

CSS codes

.text {color:#ccb22b;}

.background {background-color:#ccb22b;}

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

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

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1a1705
```
#1a1705 rgb(26,23,5)
```
#2a2509
```
#2a2509 rgb(42,37,9)
```
#3a330c
```
#3a330c rgb(58,51,12)
```
#4a4110
```
#4a4110 rgb(74,65,16)
```
#5b4f13
```
#5b4f13 rgb(91,79,19)
```
#6b5d17
```
#6b5d17 rgb(107,93,23)
```
#7b6b1a
```
#7b6b1a rgb(123,107,26)
```
#8b791d
```
#8b791d rgb(139,121,29)
```
#9b8821
```
#9b8821 rgb(155,136,33)
```
#ac9624
```
#ac9624 rgb(172,150,36)
```
#bca428
```
#bca428 rgb(188,164,40)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```

Shade Color Variation

#d5bb36
```
#d5bb36 rgb(213,187,54)
```
#d8c046
```
#d8c046 rgb(216,192,70)
```
#dbc656
```
#dbc656 rgb(219,198,86)
```
#dfcb67
```
#dfcb67 rgb(223,203,103)
```
#e2d177
```
#e2d177 rgb(226,209,119)
```
#e6d687
```
#e6d687 rgb(230,214,135)
```
#e9dc97
```
#e9dc97 rgb(233,220,151)
```
#ede1a7
```
#ede1a7 rgb(237,225,167)
```
#f0e7b8
```
#f0e7b8 rgb(240,231,184)
```
#f3ecc8
```
#f3ecc8 rgb(243,236,200)
```
#f7f2d8
```
#f7f2d8 rgb(247,242,216)
```
#faf7e8
```
#faf7e8 rgb(250,247,232)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#807f77
```
#807f77 rgb(128,127,119)
```
#8a856e
```
#8a856e rgb(138,133,110)
```
#938b64
```
#938b64 rgb(147,139,100)
```
#9d925b
```
#9d925b rgb(157,146,91)
```
#a69851
```
#a69851 rgb(166,152,81)
```
#b09f48
```
#b09f48 rgb(176,159,72)
```
#b9a53e
```
#b9a53e rgb(185,165,62)
```
#c3ac35
```
#c3ac35 rgb(195,172,53)
```
#ccb22b
```
#ccb22b rgb(204,178,43)
```
#d6b822
```
#d6b822 rgb(214,184,34)
```
#dfbf18
```
#dfbf18 rgb(223,191,24)
```
#e9c50f
```
#e9c50f rgb(233,197,15)
```
#f2cc05
```
#f2cc05 rgb(242,204,5)
```

Tone Color Variation

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

Dichromacy

#ccb636 Protanopia 1% of men
#e2ad3a Deuteranopia 1% of men
#d8aab6 Tritanopia 0.001% of the population

Trichromacy

#ccb532 Protanomaly 1% of men, 0.01% of women
#daaf34 Deuteranomaly 6% of men, 0.4% of women
#d4ad83 Tritanomaly 0.01% of the population

#ccb22b hex color

#ccb22b Color Information

#ccb22b Color Conversion

Color Schemes with #ccb22b

Alternatives to #ccb22b

#ccb22b Preview

Shades and Tints of #ccb22b

Tones of #ccb22b

Color Blindness Simulator