#d5c222 hex color

In a RGB color space, hex #d5c222 is composed of 83.5% red, 76.1% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.9% magenta, 84% yellow and 16.5% black. It has a hue angle of 53.6 degrees, a saturation of 72.5% and a lightness of 48.4%. #d5c222 color hex could be obtained by blending #ffff44 with #ab8500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 84
- G 76
- B 13
RGB color chart
- C 0
- M 9
- Y 84
- K 16
CMYK color chart

● #d5c222 color description : Strong yellow.

The hexadecimal color #d5c222 has RGB values of R:213, G:194, B:34 and CMYK values of C:0, M:0.09, Y:0.84, K:0.16. Its decimal value is 14008866.

Hex triplet	d5c222	`#d5c222`
RGB Decimal	213, 194, 34	`rgb(213,194,34)`
RGB Percent	83.5, 76.1, 13.3	`rgb(83.5%,76.1%,13.3%)`
CMYK	0, 9, 84, 16
HSL	53.6°, 72.5, 48.4	`hsl(53.6,72.5%,48.4%)`
HSV (or HSB)	53.6°, 84, 83.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.784, -8.795, 73.818
XYZ	47.021, 52.847, 9.237
xyY	0.431, 0.484, 52.847
CIE-LCH	77.784, 74.34, 96.794
CIE-LUV	77.784, 19.204, 80.867
Hunter-Lab	72.696, -11.759, 43.353
Binary	11010101, 11000010, 00100010

#d5c222
```
#d5c222 rgb(213,194,34)
```
#2235d5
```
#2235d5 rgb(34,53,213)
```

Complementary Color

#d56922
```
#d56922 rgb(213,105,34)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```
#8fd522
```
#8fd522 rgb(143,213,34)
```

Analogous Color

#6922d5
```
#6922d5 rgb(105,34,213)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```
#228fd5
```
#228fd5 rgb(34,143,213)
```

Split Complementary Color

#c222d5
```
#c222d5 rgb(194,34,213)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```
#22d5c2
```
#22d5c2 rgb(34,213,194)
```

Triadic Color

#d52235
```
#d52235 rgb(213,34,53)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```
#22d5c2
```
#22d5c2 rgb(34,213,194)
```
#2235d5
```
#2235d5 rgb(34,53,213)
```

Tetradic Color

#938617
```
#938617 rgb(147,134,23)
```
#a99a1b
```
#a99a1b rgb(169,154,27)
```
#bfae1e
```
#bfae1e rgb(191,174,30)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```
#decc32
```
#decc32 rgb(222,204,50)
```
#e2d248
```
#e2d248 rgb(226,210,72)
```
#e5d75e
```
#e5d75e rgb(229,215,94)
```

Monochromatic Color

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

#d59522
```
#d59522 rgb(213,149,34)
```
#d5a422
```
#d5a422 rgb(213,164,34)
```
#d5b322
```
#d5b322 rgb(213,179,34)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```
#d5d122
```
#d5d122 rgb(213,209,34)
```
#cad522
```
#cad522 rgb(202,213,34)
```
#bbd522
```
#bbd522 rgb(187,213,34)
```

Similar Colors

Text with hexadecimal color #d5c222

This text has a font color of #d5c222.

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

#d5c222 background color

This paragraph has a background color of #d5c222.

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

#d5c222 border color

This element has a border color of #d5c222.

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

CSS codes

.text {color:#d5c222;}

.background {background-color:#d5c222;}

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

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

#0a0902
```
#0a0902 rgb(10,9,2)
```
#1b1904
```
#1b1904 rgb(27,25,4)
```
#2c2807
```
#2c2807 rgb(44,40,7)
```
#3d370a
```
#3d370a rgb(61,55,10)
```
#4e470c
```
#4e470c rgb(78,71,12)
```
#5f560f
```
#5f560f rgb(95,86,15)
```
#706612
```
#706612 rgb(112,102,18)
```
#807514
```
#807514 rgb(128,117,20)
```
#918417
```
#918417 rgb(145,132,23)
```
#a2941a
```
#a2941a rgb(162,148,26)
```
#b3a31d
```
#b3a31d rgb(179,163,29)
```
#c4b31f
```
#c4b31f rgb(196,179,31)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```

Shade Color Variation

#ddcb2d
```
#ddcb2d rgb(221,203,45)
```
#e0cf3e
```
#e0cf3e rgb(224,207,62)
```
#e3d34f
```
#e3d34f rgb(227,211,79)
```
#e6d760
```
#e6d760 rgb(230,215,96)
```
#e8dc71
```
#e8dc71 rgb(232,220,113)
```
#ebe082
```
#ebe082 rgb(235,224,130)
```
#eee493
```
#eee493 rgb(238,228,147)
```
#f0e8a4
```
#f0e8a4 rgb(240,232,164)
```
#f3ecb4
```
#f3ecb4 rgb(243,236,180)
```
#f6f1c5
```
#f6f1c5 rgb(246,241,197)
```
#f8f5d6
```
#f8f5d6 rgb(248,245,214)
```
#fbf9e7
```
#fbf9e7 rgb(251,249,231)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#807f78
```
#807f78 rgb(128,127,120)
```
#89866e
```
#89866e rgb(137,134,110)
```
#938e65
```
#938e65 rgb(147,142,101)
```
#9c955b
```
#9c955b rgb(156,149,91)
```
#a69d52
```
#a69d52 rgb(166,157,82)
```
#afa448
```
#afa448 rgb(175,164,72)
```
#b9ac3f
```
#b9ac3f rgb(185,172,63)
```
#c2b335
```
#c2b335 rgb(194,179,53)
```
#ccbb2c
```
#ccbb2c rgb(204,187,44)
```
#d5c222
```
#d5c222 rgb(213,194,34)
```
#dfc919
```
#dfc919 rgb(223,201,25)
```
#e8d10f
```
#e8d10f rgb(232,209,15)
```
#f2d805
```
#f2d805 rgb(242,216,5)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bbb898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac32d Protanopia 1% of men
#f3ba34 Deuteranopia 1% of men
#e3b8c5 Tritanopia 0.001% of the population

Trichromacy

#d8c329 Protanomaly 1% of men, 0.01% of women
#e8bd2e Deuteranomaly 6% of men, 0.4% of women
#ddbb89 Tritanomaly 0.01% of the population

#d5c222 hex color

#d5c222 Color Information

#d5c222 Color Conversion

Color Schemes with #d5c222

Alternatives to #d5c222

#d5c222 Preview

Shades and Tints of #d5c222

Tones of #d5c222

Color Blindness Simulator