colorhexa.com

#313a14 hex color

In a RGB color space, hex #313a14 is composed of 19.2% red, 22.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 65.5% yellow and 77.3% black. It has a hue angle of 74.2 degrees, a saturation of 48.7% and a lightness of 15.3%. #313a14 color hex could be obtained by blending #627428 with #000000. Closest websafe color is: #333300.

- R 19
- G 23
- B 8
RGB color chart
- C 16
- M 0
- Y 66
- K 77
CMYK color chart

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

The hexadecimal color #313a14 has RGB values of R:49, G:58, B:20 and CMYK values of C:0.16, M:0, Y:0.66, K:0.77. Its decimal value is 3226132.

Hex triplet	313a14	`#313a14`
RGB Decimal	49, 58, 20	`rgb(49,58,20)`
RGB Percent	19.2, 22.7, 7.8	`rgb(19.2%,22.7%,7.8%)`
CMYK	16, 0, 66, 77
HSL	74.2°, 48.7, 15.3	`hsl(74.2,48.7%,15.3%)`
HSV (or HSB)	74.2°, 65.5, 22.7
Web Safe	333300	`#333300`

CIE-LAB	22.756, -10.709, 21.963
XYZ	2.906, 3.73, 1.229
xyY	0.37, 0.474, 3.73
CIE-LCH	22.756, 24.435, 115.993
CIE-LUV	22.756, -3.54, 20.241
Hunter-Lab	19.312, -6.937, 9.747
Binary	00110001, 00111010, 00010100

#313a14
```
#313a14 rgb(49,58,20)
```
#1d143a
```
#1d143a rgb(29,20,58)
```

Complementary Color

#3a3014
```
#3a3014 rgb(58,48,20)
```
#313a14
```
#313a14 rgb(49,58,20)
```
#1e3a14
```
#1e3a14 rgb(30,58,20)
```

Analogous Color

#30143a
```
#30143a rgb(48,20,58)
```
#313a14
```
#313a14 rgb(49,58,20)
```
#141e3a
```
#141e3a rgb(20,30,58)
```

Split Complementary Color

#010100
```
#010100 rgb(1,1,0)
```
#111407
```
#111407 rgb(17,20,7)
```
#21270d
```
#21270d rgb(33,39,13)
```
#313a14
```
#313a14 rgb(49,58,20)
```
#414d1b
```
#414d1b rgb(65,77,27)
```
#516021
```
#516021 rgb(81,96,33)
```
#617328
```
#617328 rgb(97,115,40)
```

Monochromatic Color

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

#3a3a14
```
#3a3a14 rgb(58,58,20)
```
#373a14
```
#373a14 rgb(55,58,20)
```
#343a14
```
#343a14 rgb(52,58,20)
```
#313a14
```
#313a14 rgb(49,58,20)
```
#2e3a14
```
#2e3a14 rgb(46,58,20)
```
#2b3a14
```
#2b3a14 rgb(43,58,20)
```
#283a14
```
#283a14 rgb(40,58,20)
```

Similar Colors

Text with hexadecimal color #313a14

This text has a font color of #313a14.

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

#313a14 background color

This paragraph has a background color of #313a14.

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

#313a14 border color

This element has a border color of #313a14.

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

CSS codes

.text {color:#313a14;}

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

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

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

#0c0e05
```
#0c0e05 rgb(12,14,5)
```
#181d0a
```
#181d0a rgb(24,29,10)
```
#252b0f
```
#252b0f rgb(37,43,15)
```
#313a14
```
#313a14 rgb(49,58,20)
```
#3d4919
```
#3d4919 rgb(61,73,25)
```
#4a571e
```
#4a571e rgb(74,87,30)
```
#566623
```
#566623 rgb(86,102,35)
```
#627428
```
#627428 rgb(98,116,40)
```
#6f832d
```
#6f832d rgb(111,131,45)
```
#7b9232
```
#7b9232 rgb(123,146,50)
```
#87a037
```
#87a037 rgb(135,160,55)
```
#94af3c
```
#94af3c rgb(148,175,60)
```
#a0bd41
```
#a0bd41 rgb(160,189,65)
```

Shade Color Variation

#a7c350
```
#a7c350 rgb(167,195,80)
```
#afc85e
```
#afc85e rgb(175,200,94)
```
#b6cd6d
```
#b6cd6d rgb(182,205,109)
```
#bdd27b
```
#bdd27b rgb(189,210,123)
```
#c4d78a
```
#c4d78a rgb(196,215,138)
```
#ccdc99
```
#ccdc99 rgb(204,220,153)
```
#d3e1a7
```
#d3e1a7 rgb(211,225,167)
```
#dae6b6
```
#dae6b6 rgb(218,230,182)
```
#e2ebc4
```
#e2ebc4 rgb(226,235,196)
```
#e9f0d3
```
#e9f0d3 rgb(233,240,211)
```
#f0f5e1
```
#f0f5e1 rgb(240,245,225)
```
#f8faf0
```
#f8faf0 rgb(248,250,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#282826
```
#282826 rgb(40,40,38)
```
#292b23
```
#292b23 rgb(41,43,35)
```
#2b2e20
```
#2b2e20 rgb(43,46,32)
```
#2c311d
```
#2c311d rgb(44,49,29)
```
#2e341a
```
#2e341a rgb(46,52,26)
```
#2f3717
```
#2f3717 rgb(47,55,23)
```
#313a14
```
#313a14 rgb(49,58,20)
```
#333d11
```
#333d11 rgb(51,61,17)
```
#34400e
```
#34400e rgb(52,64,14)
```
#36430b
```
#36430b rgb(54,67,11)
```
#374608
```
#374608 rgb(55,70,8)
```
#394905
```
#394905 rgb(57,73,5)
```
#3a4c02
```
#3a4c02 rgb(58,76,2)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#33342d Atypical Achromatopsia 0.001% of the population

Dichromacy

#47401f Protanopia 1% of men
#4e3d22 Deuteranopia 1% of men
#404044 Tritanopia 0.001% of the population

Trichromacy

#3f3e1b Protanomaly 1% of men, 0.01% of women
#443c1d Deuteranomaly 6% of men, 0.4% of women
#3a3e33 Tritanomaly 0.01% of the population