#dec31f hex color

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

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

● #dec31f color description : Vivid yellow.

The hexadecimal color #dec31f has RGB values of R:222, G:195, B:31 and CMYK values of C:0, M:0.12, Y:0.86, K:0.13. Its decimal value is 14598943.

Hex triplet	dec31f	`#dec31f`
RGB Decimal	222, 195, 31	`rgb(222,195,31)`
RGB Percent	87.1, 76.5, 12.2	`rgb(87.1%,76.5%,12.2%)`
CMYK	0, 12, 86, 13
HSL	51.5°, 75.5, 49.6	`hsl(51.5,75.5%,49.6%)`
HSV (or HSB)	51.5°, 86, 87.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.845, -5.493, 75.704
XYZ	49.887, 54.661, 9.219
xyY	0.439, 0.48, 54.661
CIE-LCH	78.845, 75.903, 94.15
CIE-LUV	78.845, 25.123, 81.815
Hunter-Lab	73.933, -8.937, 44.36
Binary	11011110, 11000011, 00011111

#dec31f
```
#dec31f rgb(222,195,31)
```
#1f3ade
```
#1f3ade rgb(31,58,222)
```

Complementary Color

#de641f
```
#de641f rgb(222,100,31)
```
#dec31f
```
#dec31f rgb(222,195,31)
```
#9ade1f
```
#9ade1f rgb(154,222,31)
```

Analogous Color

#641fde
```
#641fde rgb(100,31,222)
```
#dec31f
```
#dec31f rgb(222,195,31)
```
#1f9ade
```
#1f9ade rgb(31,154,222)
```

Split Complementary Color

#c31fde
```
#c31fde rgb(195,31,222)
```
#dec31f
```
#dec31f rgb(222,195,31)
```
#1fdec3
```
#1fdec3 rgb(31,222,195)
```

Triadic Color

#de1f3a
```
#de1f3a rgb(222,31,58)
```
#dec31f
```
#dec31f rgb(222,195,31)
```
#1fdec3
```
#1fdec3 rgb(31,222,195)
```
#1f3ade
```
#1f3ade rgb(31,58,222)
```

Tetradic Color

#9b8816
```
#9b8816 rgb(155,136,22)
```
#b19c19
```
#b19c19 rgb(177,156,25)
```
#c8af1c
```
#c8af1c rgb(200,175,28)
```
#dec31f
```
#dec31f rgb(222,195,31)
```
#e3ca34
```
#e3ca34 rgb(227,202,52)
```
#e6d04a
```
#e6d04a rgb(230,208,74)
```
#e9d661
```
#e9d661 rgb(233,214,97)
```

Monochromatic Color

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

#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)
```
#c9de1f
```
#c9de1f rgb(201,222,31)
```

Similar Colors

Text with hexadecimal color #dec31f

This text has a font color of #dec31f.

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

#dec31f background color

This paragraph has a background color of #dec31f.

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

#dec31f border color

This element has a border color of #dec31f.

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

CSS codes

.text {color:#dec31f;}

.background {background-color:#dec31f;}

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

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

#0f0e02
```
#0f0e02 rgb(15,14,2)
```
#211d05
```
#211d05 rgb(33,29,5)
```
#322c07
```
#322c07 rgb(50,44,7)
```
#433b09
```
#433b09 rgb(67,59,9)
```
#544a0c
```
#544a0c rgb(84,74,12)
```
#66590e
```
#66590e rgb(102,89,14)
```
#776811
```
#776811 rgb(119,104,17)
```
#887713
```
#887713 rgb(136,119,19)
```
#998715
```
#998715 rgb(153,135,21)
```
#aa9618
```
#aa9618 rgb(170,150,24)
```
#bca51a
```
#bca51a rgb(188,165,26)
```
#cdb41d
```
#cdb41d rgb(205,180,29)
```
#dec31f
```
#dec31f rgb(222,195,31)
```

Shade Color Variation

#e2c92f
```
#e2c92f rgb(226,201,47)
```
#e4cd40
```
#e4cd40 rgb(228,205,64)
```
#e7d251
```
#e7d251 rgb(231,210,81)
```
#e9d662
```
#e9d662 rgb(233,214,98)
```
#ecdb74
```
#ecdb74 rgb(236,219,116)
```
#eedf85
```
#eedf85 rgb(238,223,133)
```
#f0e496
```
#f0e496 rgb(240,228,150)
```
#f3e8a7
```
#f3e8a7 rgb(243,232,167)
```
#f5edb8
```
#f5edb8 rgb(245,237,184)
```
#f8f1ca
```
#f8f1ca rgb(248,241,202)
```
#faf6db
```
#faf6db rgb(250,246,219)
```
#fcfaec
```
#fcfaec rgb(252,250,236)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#868477
```
#868477 rgb(134,132,119)
```
#908b6d
```
#908b6d rgb(144,139,109)
```
#9a9263
```
#9a9263 rgb(154,146,99)
```
#a49959
```
#a49959 rgb(164,153,89)
```
#ada050
```
#ada050 rgb(173,160,80)
```
#b7a746
```
#b7a746 rgb(183,167,70)
```
#c1ae3c
```
#c1ae3c rgb(193,174,60)
```
#cbb532
```
#cbb532 rgb(203,181,50)
```
#d4bc29
```
#d4bc29 rgb(212,188,41)
```
#dec31f
```
#dec31f rgb(222,195,31)
```
#e8ca15
```
#e8ca15 rgb(232,202,21)
```
#f1d10c
```
#f1d10c rgb(241,209,12)
```
#fbd802
```
#fbd802 rgb(251,216,2)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c0ba99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec62a Protanopia 1% of men
#f7bc31 Deuteranopia 1% of men
#ebb9c6 Tritanopia 0.001% of the population

Trichromacy

#dec526 Protanomaly 1% of men, 0.01% of women
#eebf2a Deuteranomaly 6% of men, 0.4% of women
#e6bc89 Tritanomaly 0.01% of the population

#dec31f hex color

#dec31f Color Information

#dec31f Color Conversion

Color Schemes with #dec31f

Alternatives to #dec31f

#dec31f Preview

Shades and Tints of #dec31f

Tones of #dec31f

Color Blindness Simulator