#deb31f hex color

In a RGB color space, hex #deb31f is composed of 87.1% red, 70.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 86% yellow and 12.9% black. It has a hue angle of 46.5 degrees, a saturation of 75.5% and a lightness of 49.6%. #deb31f color hex could be obtained by blending #ffff3e with #bd6700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 70
- B 12
RGB color chart
- C 0
- M 19
- Y 86
- K 13
CMYK color chart

● #deb31f color description : Vivid yellow.

The hexadecimal color #deb31f has RGB values of R:222, G:179, B:31 and CMYK values of C:0, M:0.19, Y:0.86, K:0.13. Its decimal value is 14594847.

Hex triplet	deb31f	`#deb31f`
RGB Decimal	222, 179, 31	`rgb(222,179,31)`
RGB Percent	87.1, 70.2, 12.2	`rgb(87.1%,70.2%,12.2%)`
CMYK	0, 19, 86, 13
HSL	46.5°, 75.5, 49.6	`hsl(46.5,75.5%,49.6%)`
HSV (or HSB)	46.5°, 86, 87.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.743, 2.824, 72.383
XYZ	46.492, 47.871, 8.088
xyY	0.454, 0.467, 47.871
CIE-LCH	74.743, 72.438, 87.766
CIE-LUV	74.743, 36.843, 75.64
Hunter-Lab	69.189, -1.135, 41.502
Binary	11011110, 10110011, 00011111

#deb31f
```
#deb31f rgb(222,179,31)
```
#1f4ade
```
#1f4ade rgb(31,74,222)
```

Complementary Color

#de541f
```
#de541f rgb(222,84,31)
```
#deb31f
```
#deb31f rgb(222,179,31)
```
#aade1f
```
#aade1f rgb(170,222,31)
```

Analogous Color

#531fde
```
#531fde rgb(83,31,222)
```
#deb31f
```
#deb31f rgb(222,179,31)
```
#1faade
```
#1faade rgb(31,170,222)
```

Split Complementary Color

#b31fde
```
#b31fde rgb(179,31,222)
```
#deb31f
```
#deb31f rgb(222,179,31)
```
#1fdeb3
```
#1fdeb3 rgb(31,222,179)
```

Triadic Color

#de1f4a
```
#de1f4a rgb(222,31,74)
```
#deb31f
```
#deb31f rgb(222,179,31)
```
#1fdeb3
```
#1fdeb3 rgb(31,222,179)
```
#1f4ade
```
#1f4ade rgb(31,74,222)
```

Tetradic Color

#9b7d16
```
#9b7d16 rgb(155,125,22)
```
#b18f19
```
#b18f19 rgb(177,143,25)
```
#c8a11c
```
#c8a11c rgb(200,161,28)
```
#deb31f
```
#deb31f rgb(222,179,31)
```
#e3bb34
```
#e3bb34 rgb(227,187,52)
```
#e6c34a
```
#e6c34a rgb(230,195,74)
```
#e9ca61
```
#e9ca61 rgb(233,202,97)
```

Monochromatic Color

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

#de831f
```
#de831f rgb(222,131,31)
```
#de931f
```
#de931f rgb(222,147,31)
```
#dea31f
```
#dea31f rgb(222,163,31)
```
#deb31f
```
#deb31f rgb(222,179,31)
```
#dec31f
```
#dec31f rgb(222,195,31)
```
#ded31f
```
#ded31f rgb(222,211,31)
```
#d9de1f
```
#d9de1f rgb(217,222,31)
```

Similar Colors

Text with hexadecimal color #deb31f

This text has a font color of #deb31f.

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

#deb31f background color

This paragraph has a background color of #deb31f.

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

#deb31f border color

This element has a border color of #deb31f.

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

CSS codes

.text {color:#deb31f;}

.background {background-color:#deb31f;}

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

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

#0f0c02
```
#0f0c02 rgb(15,12,2)
```
#211a05
```
#211a05 rgb(33,26,5)
```
#322807
```
#322807 rgb(50,40,7)
```
#433609
```
#433609 rgb(67,54,9)
```
#54440c
```
#54440c rgb(84,68,12)
```
#66520e
```
#66520e rgb(102,82,14)
```
#776011
```
#776011 rgb(119,96,17)
```
#886e13
```
#886e13 rgb(136,110,19)
```
#997b15
```
#997b15 rgb(153,123,21)
```
#aa8918
```
#aa8918 rgb(170,137,24)
```
#bc971a
```
#bc971a rgb(188,151,26)
```
#cda51d
```
#cda51d rgb(205,165,29)
```
#deb31f
```
#deb31f rgb(222,179,31)
```

Shade Color Variation

#e2ba2f
```
#e2ba2f rgb(226,186,47)
```
#e4bf40
```
#e4bf40 rgb(228,191,64)
```
#e7c551
```
#e7c551 rgb(231,197,81)
```
#e9cb62
```
#e9cb62 rgb(233,203,98)
```
#ecd174
```
#ecd174 rgb(236,209,116)
```
#eed685
```
#eed685 rgb(238,214,133)
```
#f0dc96
```
#f0dc96 rgb(240,220,150)
```
#f3e2a7
```
#f3e2a7 rgb(243,226,167)
```
#f5e7b8
```
#f5e7b8 rgb(245,231,184)
```
#f8edca
```
#f8edca rgb(248,237,202)
```
#faf3db
```
#faf3db rgb(250,243,219)
```
#fcf9ec
```
#fcf9ec rgb(252,249,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#868377
```
#868377 rgb(134,131,119)
```
#90886d
```
#90886d rgb(144,136,109)
```
#9a8e63
```
#9a8e63 rgb(154,142,99)
```
#a49359
```
#a49359 rgb(164,147,89)
```
#ad9850
```
#ad9850 rgb(173,152,80)
```
#b79e46
```
#b79e46 rgb(183,158,70)
```
#c1a33c
```
#c1a33c rgb(193,163,60)
```
#cba832
```
#cba832 rgb(203,168,50)
```
#d4ae29
```
#d4ae29 rgb(212,174,41)
```
#deb31f
```
#deb31f rgb(222,179,31)
```
#e8b815
```
#e8b815 rgb(232,184,21)
```
#f1be0c
```
#f1be0c rgb(241,190,12)
```
#fbc302
```
#fbc302 rgb(251,195,2)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#b8b092 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc2c Protanopia 1% of men
#e9b22d Deuteranopia 1% of men
#e9abb6 Tritanopia 0.001% of the population

Trichromacy

#d6b827 Protanomaly 1% of men, 0.01% of women
#e5b228 Deuteranomaly 6% of men, 0.4% of women
#e5ad7f Tritanomaly 0.01% of the population

#deb31f hex color

#deb31f Color Information

#deb31f Color Conversion

Color Schemes with #deb31f

Alternatives to #deb31f

#deb31f Preview

Shades and Tints of #deb31f

Tones of #deb31f

Color Blindness Simulator