colorhexa.com

#d4b221 hex color

In a RGB color space, hex #d4b221 is composed of 83.1% red, 69.8% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 84.4% yellow and 16.9% black. It has a hue angle of 48.6 degrees, a saturation of 73.1% and a lightness of 48%. #d4b221 color hex could be obtained by blending #ffff42 with #a96500. Closest websafe color is: #cc9933.

- R 83
- G 70
- B 13
RGB color chart
- C 0
- M 16
- Y 84
- K 17
CMYK color chart

● #d4b221 color description : Strong yellow.

The hexadecimal color #d4b221 has RGB values of R:212, G:178, B:33 and CMYK values of C:0, M:0.16, Y:0.84, K:0.17. Its decimal value is 13939233.

Hex triplet	d4b221	`#d4b221`
RGB Decimal	212, 178, 33	`rgb(212,178,33)`
RGB Percent	83.1, 69.8, 12.9	`rgb(83.1%,69.8%,12.9%)`
CMYK	0, 16, 84, 17
HSL	48.6°, 73.1, 48	`hsl(48.6,73.1%,48%)`
HSV (or HSB)	48.6°, 84.4, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.513, -0.964, 70.479
XYZ	43.347, 45.949, 8.025
xyY	0.445, 0.472, 45.949
CIE-LCH	73.513, 70.485, 90.784
CIE-LUV	73.513, 29.92, 74.735
Hunter-Lab	67.786, -4.481, 40.431
Binary	11010100, 10110010, 00100001

#d4b221
```
#d4b221 rgb(212,178,33)
```
#2143d4
```
#2143d4 rgb(33,67,212)
```

Complementary Color

#d45921
```
#d45921 rgb(212,89,33)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```
#9dd421
```
#9dd421 rgb(157,212,33)
```

Analogous Color

#5921d4
```
#5921d4 rgb(89,33,212)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```
#219dd4
```
#219dd4 rgb(33,157,212)
```

Split Complementary Color

#b221d4
```
#b221d4 rgb(178,33,212)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```
#21d4b2
```
#21d4b2 rgb(33,212,178)
```

Triadic Color

#d42143
```
#d42143 rgb(212,33,67)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```
#21d4b2
```
#21d4b2 rgb(33,212,178)
```
#2143d4
```
#2143d4 rgb(33,67,212)
```

Tetradic Color

#927a17
```
#927a17 rgb(146,122,23)
```
#a88d1a
```
#a88d1a rgb(168,141,26)
```
#be9f1e
```
#be9f1e rgb(190,159,30)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```
#dfbe30
```
#dfbe30 rgb(223,190,48)
```
#e2c446
```
#e2c446 rgb(226,196,70)
```
#e6cb5c
```
#e6cb5c rgb(230,203,92)
```

Monochromatic Color

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

#d48521
```
#d48521 rgb(212,133,33)
```
#d49421
```
#d49421 rgb(212,148,33)
```
#d4a321
```
#d4a321 rgb(212,163,33)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```
#d4c121
```
#d4c121 rgb(212,193,33)
```
#d4d021
```
#d4d021 rgb(212,208,33)
```
#c9d421
```
#c9d421 rgb(201,212,33)
```

Similar Colors

Text with hexadecimal color #d4b221

This text has a font color of #d4b221.

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

#d4b221 background color

This paragraph has a background color of #d4b221.

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

#d4b221 border color

This element has a border color of #d4b221.

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

CSS codes

.text {color:#d4b221;}

.background {background-color:#d4b221;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#191504
```
#191504 rgb(25,21,4)
```
#2a2307
```
#2a2307 rgb(42,35,7)
```
#3b3209
```
#3b3209 rgb(59,50,9)
```
#4c400c
```
#4c400c rgb(76,64,12)
```
#5d4e0f
```
#5d4e0f rgb(93,78,15)
```
#6e5c11
```
#6e5c11 rgb(110,92,17)
```
#7f6b14
```
#7f6b14 rgb(127,107,20)
```
#907916
```
#907916 rgb(144,121,22)
```
#a18719
```
#a18719 rgb(161,135,25)
```
#b2951c
```
#b2951c rgb(178,149,28)
```
#c3a41e
```
#c3a41e rgb(195,164,30)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```

Shade Color Variation

#debc2b
```
#debc2b rgb(222,188,43)
```
#e1c13c
```
#e1c13c rgb(225,193,60)
```
#e3c74d
```
#e3c74d rgb(227,199,77)
```
#e6cc5e
```
#e6cc5e rgb(230,204,94)
```
#e9d16f
```
#e9d16f rgb(233,209,111)
```
#ebd780
```
#ebd780 rgb(235,215,128)
```
#eedc91
```
#eedc91 rgb(238,220,145)
```
#f0e1a1
```
#f0e1a1 rgb(240,225,161)
```
#f3e7b2
```
#f3e7b2 rgb(243,231,178)
```
#f6ecc3
```
#f6ecc3 rgb(246,236,195)
```
#f8f2d4
```
#f8f2d4 rgb(248,242,212)
```
#fbf7e5
```
#fbf7e5 rgb(251,247,229)
```
#fefcf6
```
#fefcf6 rgb(254,252,246)
```

Tint Color Variation

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

#7f7d76
```
#7f7d76 rgb(127,125,118)
```
#89836c
```
#89836c rgb(137,131,108)
```
#928963
```
#928963 rgb(146,137,99)
```
#9b8f5a
```
#9b8f5a rgb(155,143,90)
```
#a59550
```
#a59550 rgb(165,149,80)
```
#ae9b47
```
#ae9b47 rgb(174,155,71)
```
#b8a03d
```
#b8a03d rgb(184,160,61)
```
#c1a634
```
#c1a634 rgb(193,166,52)
```
#cbac2a
```
#cbac2a rgb(203,172,42)
```
#d4b221
```
#d4b221 rgb(212,178,33)
```
#ddb818
```
#ddb818 rgb(221,184,24)
```
#e7be0e
```
#e7be0e rgb(231,190,14)
```
#f0c405
```
#f0c405 rgb(240,196,5)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b4ad90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb82d Protanopia 1% of men
#e5af30 Deuteranopia 1% of men
#e0aab6 Tritanopia 0.001% of the population

Trichromacy

#d0b628 Protanomaly 1% of men, 0.01% of women
#dfb02b Deuteranomaly 6% of men, 0.4% of women
#dbad7f Tritanomaly 0.01% of the population