#31331f hex color

In a RGB color space, hex #31331f is composed of 19.2% red, 20% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 0% magenta, 39.2% yellow and 80% black. It has a hue angle of 66 degrees, a saturation of 24.4% and a lightness of 16.1%. #31331f color hex could be obtained by blending #62663e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 20
- B 12
RGB color chart
- C 4
- M 0
- Y 39
- K 80
CMYK color chart

● #31331f color description : Very dark desaturated yellow.

The hexadecimal color #31331f has RGB values of R:49, G:51, B:31 and CMYK values of C:0.04, M:0, Y:0.39, K:0.8. Its decimal value is 3224351.

Hex triplet	31331f	`#31331f`
RGB Decimal	49, 51, 31	`rgb(49,51,31)`
RGB Percent	19.2, 20, 12.2	`rgb(19.2%,20%,12.2%)`
CMYK	4, 0, 39, 80
HSL	66°, 24.4, 16.1	`hsl(66,24.4%,16.1%)`
HSV (or HSB)	66°, 39.2, 20
Web Safe	333333	`#333333`

CIE-LAB	20.517, -4.88, 12.427
XYZ	2.698, 3.12, 1.756
xyY	0.356, 0.412, 3.12
CIE-LCH	20.517, 13.351, 111.44
CIE-LUV	20.517, -0.208, 11.836
Hunter-Lab	17.662, -3.645, 6.468
Binary	00110001, 00110011, 00011111

#31331f
```
#31331f rgb(49,51,31)
```
#211f33
```
#211f33 rgb(33,31,51)
```

Complementary Color

#332b1f
```
#332b1f rgb(51,43,31)
```
#31331f
```
#31331f rgb(49,51,31)
```
#27331f
```
#27331f rgb(39,51,31)
```

Analogous Color

#2b1f33
```
#2b1f33 rgb(43,31,51)
```
#31331f
```
#31331f rgb(49,51,31)
```
#1f2733
```
#1f2733 rgb(31,39,51)
```

Split Complementary Color

#331f31
```
#331f31 rgb(51,31,49)
```
#31331f
```
#31331f rgb(49,51,31)
```
#1f3133
```
#1f3133 rgb(31,49,51)
```

Triadic Color

#33211f
```
#33211f rgb(51,33,31)
```
#31331f
```
#31331f rgb(49,51,31)
```
#1f3133
```
#1f3133 rgb(31,49,51)
```
#211f33
```
#211f33 rgb(33,31,51)
```

Tetradic Color

#030302
```
#030302 rgb(3,3,2)
```
#13130c
```
#13130c rgb(19,19,12)
```
#222315
```
#222315 rgb(34,35,21)
```
#31331f
```
#31331f rgb(49,51,31)
```
#404329
```
#404329 rgb(64,67,41)
```
#4f5332
```
#4f5332 rgb(79,83,50)
```
#5f633c
```
#5f633c rgb(95,99,60)
```

Monochromatic Color

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

#33301f
```
#33301f rgb(51,48,31)
```
#33321f
```
#33321f rgb(51,50,31)
```
#33331f
```
#33331f rgb(51,51,31)
```
#31331f
```
#31331f rgb(49,51,31)
```
#2f331f
```
#2f331f rgb(47,51,31)
```
#2e331f
```
#2e331f rgb(46,51,31)
```
#2c331f
```
#2c331f rgb(44,51,31)
```

Similar Colors

Text with hexadecimal color #31331f

This text has a font color of #31331f.

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

#31331f background color

This paragraph has a background color of #31331f.

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

#31331f border color

This element has a border color of #31331f.

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

CSS codes

.text {color:#31331f;}

.background {background-color:#31331f;}

.border {border:1px solid #31331f;}

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

#020201
```
#020201 rgb(2,2,1)
```
#0e0e09
```
#0e0e09 rgb(14,14,9)
```
#1a1b10
```
#1a1b10 rgb(26,27,16)
```
#252718
```
#252718 rgb(37,39,24)
```
#31331f
```
#31331f rgb(49,51,31)
```
#3d3f26
```
#3d3f26 rgb(61,63,38)
```
#484b2e
```
#484b2e rgb(72,75,46)
```
#545835
```
#545835 rgb(84,88,53)
```
#60643d
```
#60643d rgb(96,100,61)
```
#6c7044
```
#6c7044 rgb(108,112,68)
```
#777c4b
```
#777c4b rgb(119,124,75)
```
#838853
```
#838853 rgb(131,136,83)
```
#8f955a
```
#8f955a rgb(143,149,90)
```

Shade Color Variation

#9aa063
```
#9aa063 rgb(154,160,99)
```
#a2a76f
```
#a2a76f rgb(162,167,111)
```
#aaaf7b
```
#aaaf7b rgb(170,175,123)
```
#b1b687
```
#b1b687 rgb(177,182,135)
```
#b9be93
```
#b9be93 rgb(185,190,147)
```
#c1c5a0
```
#c1c5a0 rgb(193,197,160)
```
#c9ccac
```
#c9ccac rgb(201,204,172)
```
#d1d4b8
```
#d1d4b8 rgb(209,212,184)
```
#d9dbc4
```
#d9dbc4 rgb(217,219,196)
```
#e1e3d0
```
#e1e3d0 rgb(225,227,208)
```
#e9eadd
```
#e9eadd rgb(233,234,221)
```
#f1f2e9
```
#f1f2e9 rgb(241,242,233)
```
#f9f9f5
```
#f9f9f5 rgb(249,249,245)
```

Tint Color Variation

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

#292a28
```
#292a28 rgb(41,42,40)
```
#2c2d25
```
#2c2d25 rgb(44,45,37)
```
#2e3022
```
#2e3022 rgb(46,48,34)
```
#31331f
```
#31331f rgb(49,51,31)
```
#34361c
```
#34361c rgb(52,54,28)
```
#363919
```
#363919 rgb(54,57,25)
```
#393c16
```
#393c16 rgb(57,60,22)
```
#3b4012
```
#3b4012 rgb(59,64,18)
```
#3e430f
```
#3e430f rgb(62,67,15)
```
#40460c
```
#40460c rgb(64,70,12)
```
#434909
```
#434909 rgb(67,73,9)
```
#454c06
```
#454c06 rgb(69,76,6)
```
#484f03
```
#484f03 rgb(72,79,3)
```

Tone Color Variation

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

#303030 Achromatopsia 0.005% of the population
#30312d Atypical Achromatopsia 0.001% of the population

Dichromacy

#403c2a Protanopia 1% of men
#46392b Deuteranopia 1% of men
#3e3b3f Tritanopia 0.001% of the population

Trichromacy

#3b3826 Protanomaly 1% of men, 0.01% of women
#3e3727 Deuteranomaly 6% of men, 0.4% of women
#393833 Tritanomaly 0.01% of the population

#31331f hex color

#31331f Color Information

#31331f Color Conversion

Color Schemes with #31331f

Alternatives to #31331f

#31331f Preview

Shades and Tints of #31331f

Tones of #31331f

Color Blindness Simulator