#313f06 hex color

In a RGB color space, hex #313f06 is composed of 19.2% red, 24.7% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 90.5% yellow and 75.3% black. It has a hue angle of 74.7 degrees, a saturation of 82.6% and a lightness of 13.5%. #313f06 color hex could be obtained by blending #627e0c with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 19
- G 25
- B 2
RGB color chart
- C 22
- M 0
- Y 90
- K 75
CMYK color chart

● #313f06 color description : Very dark yellow [Olive tone].

The hexadecimal color #313f06 has RGB values of R:49, G:63, B:6 and CMYK values of C:0.22, M:0, Y:0.9, K:0.75. Its decimal value is 3227398.

Hex triplet	313f06	`#313f06`
RGB Decimal	49, 63, 6	`rgb(49,63,6)`
RGB Percent	19.2, 24.7, 2.4	`rgb(19.2%,24.7%,2.4%)`
CMYK	22, 0, 90, 75
HSL	74.7°, 82.6, 13.5	`hsl(74.7,82.6%,13.5%)`
HSV (or HSB)	74.7°, 90.5, 24.7
Web Safe	333300	`#333300`

CIE-LAB	24.389, -14.737, 30.251
XYZ	3.077, 4.221, 0.825
xyY	0.379, 0.52, 4.221
CIE-LCH	24.389, 33.65, 115.974
CIE-LUV	24.389, -6.063, 26.41
Hunter-Lab	20.545, -9.221, 12.001
Binary	00110001, 00111111, 00000110

#313f06
```
#313f06 rgb(49,63,6)
```
#14063f
```
#14063f rgb(20,6,63)
```

Complementary Color

#3f3106
```
#3f3106 rgb(63,49,6)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#153f06
```
#153f06 rgb(21,63,6)
```

Analogous Color

#31063f
```
#31063f rgb(49,6,63)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#06153f
```
#06153f rgb(6,21,63)
```

Split Complementary Color

#3f0631
```
#3f0631 rgb(63,6,49)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#06313f
```
#06313f rgb(6,49,63)
```

Triadic Color

#3f1406
```
#3f1406 rgb(63,20,6)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#06313f
```
#06313f rgb(6,49,63)
```
#14063f
```
#14063f rgb(20,6,63)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d1002
```
#0d1002 rgb(13,16,2)
```
#1f2804
```
#1f2804 rgb(31,40,4)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#435608
```
#435608 rgb(67,86,8)
```
#556e0a
```
#556e0a rgb(85,110,10)
```
#67850d
```
#67850d rgb(103,133,13)
```

Monochromatic Color

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

#3f3f06
```
#3f3f06 rgb(63,63,6)
```
#3b3f06
```
#3b3f06 rgb(59,63,6)
```
#363f06
```
#363f06 rgb(54,63,6)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#2c3f06
```
#2c3f06 rgb(44,63,6)
```
#283f06
```
#283f06 rgb(40,63,6)
```
#233f06
```
#233f06 rgb(35,63,6)
```

Similar Colors

Text with hexadecimal color #313f06

This text has a font color of #313f06.

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

#313f06 background color

This paragraph has a background color of #313f06.

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

#313f06 border color

This element has a border color of #313f06.

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

CSS codes

.text {color:#313f06;}

.background {background-color:#313f06;}

.border {border:1px solid #313f06;}

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

#070901
```
#070901 rgb(7,9,1)
```
#151b03
```
#151b03 rgb(21,27,3)
```
#232d04
```
#232d04 rgb(35,45,4)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#3f5108
```
#3f5108 rgb(63,81,8)
```
#4d6309
```
#4d6309 rgb(77,99,9)
```
#5b750b
```
#5b750b rgb(91,117,11)
```
#69870d
```
#69870d rgb(105,135,13)
```
#77990f
```
#77990f rgb(119,153,15)
```
#85aa10
```
#85aa10 rgb(133,170,16)
```
#93bc12
```
#93bc12 rgb(147,188,18)
```
#a0ce14
```
#a0ce14 rgb(160,206,20)
```
#aee015
```
#aee015 rgb(174,224,21)
```

Shade Color Variation

#b8ea1f
```
#b8ea1f rgb(184,234,31)
```
#beeb31
```
#beeb31 rgb(190,235,49)
```
#c3ed43
```
#c3ed43 rgb(195,237,67)
```
#c9ef55
```
#c9ef55 rgb(201,239,85)
```
#cff167
```
#cff167 rgb(207,241,103)
```
#d4f279
```
#d4f279 rgb(212,242,121)
```
#daf48b
```
#daf48b rgb(218,244,139)
```
#e0f69d
```
#e0f69d rgb(224,246,157)
```
#e6f7af
```
#e6f7af rgb(230,247,175)
```
#ebf9c1
```
#ebf9c1 rgb(235,249,193)
```
#f1fbd3
```
#f1fbd3 rgb(241,251,211)
```
#f7fce4
```
#f7fce4 rgb(247,252,228)
```
#fcfef6
```
#fcfef6 rgb(252,254,246)
```

Tint Color Variation

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

#232421
```
#232421 rgb(35,36,33)
```
#25271e
```
#25271e rgb(37,39,30)
```
#262a1b
```
#262a1b rgb(38,42,27)
```
#282c19
```
#282c19 rgb(40,44,25)
```
#292f16
```
#292f16 rgb(41,47,22)
```
#2a3213
```
#2a3213 rgb(42,50,19)
```
#2c3411
```
#2c3411 rgb(44,52,17)
```
#2d370e
```
#2d370e rgb(45,55,14)
```
#2e3a0b
```
#2e3a0b rgb(46,58,11)
```
#303c09
```
#303c09 rgb(48,60,9)
```
#313f06
```
#313f06 rgb(49,63,6)
```
#324203
```
#324203 rgb(50,66,3)
```
#344401
```
#344401 rgb(52,68,1)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#33362b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4411 Protanopia 1% of men
#544117 Deuteranopia 1% of men
#424449 Tritanopia 0.001% of the population

Trichromacy

#42420d Protanomaly 1% of men, 0.01% of women
#474010 Deuteranomaly 6% of men, 0.4% of women
#3b4230 Tritanomaly 0.01% of the population

#313f06 hex color

#313f06 Color Information

#313f06 Color Conversion

Color Schemes with #313f06

Alternatives to #313f06

#313f06 Preview

Shades and Tints of #313f06

Tones of #313f06

Color Blindness Simulator