#30311a hex color

In a RGB color space, hex #30311a is composed of 18.8% red, 19.2% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 46.9% yellow and 80.8% black. It has a hue angle of 62.6 degrees, a saturation of 30.7% and a lightness of 14.7%. #30311a color hex could be obtained by blending #606234 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 19
- B 10
RGB color chart
- C 2
- M 0
- Y 47
- K 81
CMYK color chart

● #30311a color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #30311a has RGB values of R:48, G:49, B:26 and CMYK values of C:0.02, M:0, Y:0.47, K:0.81. Its decimal value is 3158298.

Hex triplet	30311a	`#30311a`
RGB Decimal	48, 49, 26	`rgb(48,49,26)`
RGB Percent	18.8, 19.2, 10.2	`rgb(18.8%,19.2%,10.2%)`
CMYK	2, 0, 47, 81
HSL	62.6°, 30.7, 14.7	`hsl(62.6,30.7%,14.7%)`
HSV (or HSB)	62.6°, 46.9, 19.2
Web Safe	333333	`#333333`

CIE-LAB	19.637, -4.839, 14.533
XYZ	2.504, 2.9, 1.405
xyY	0.368, 0.426, 2.9
CIE-LCH	19.637, 15.317, 108.415
CIE-LUV	19.637, 0.409, 13.117
Hunter-Lab	17.028, -3.555, 7.028
Binary	00110000, 00110001, 00011010

#30311a
```
#30311a rgb(48,49,26)
```
#1b1a31
```
#1b1a31 rgb(27,26,49)
```

Complementary Color

#31271a
```
#31271a rgb(49,39,26)
```
#30311a
```
#30311a rgb(48,49,26)
```
#25311a
```
#25311a rgb(37,49,26)
```

Analogous Color

#271a31
```
#271a31 rgb(39,26,49)
```
#30311a
```
#30311a rgb(48,49,26)
```
#1a2531
```
#1a2531 rgb(26,37,49)
```

Split Complementary Color

#311a30
```
#311a30 rgb(49,26,48)
```
#30311a
```
#30311a rgb(48,49,26)
```
#1a3031
```
#1a3031 rgb(26,48,49)
```

Triadic Color

#311b1a
```
#311b1a rgb(49,27,26)
```
#30311a
```
#30311a rgb(48,49,26)
```
#1a3031
```
#1a3031 rgb(26,48,49)
```
#1b1a31
```
#1b1a31 rgb(27,26,49)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0f1008
```
#0f1008 rgb(15,16,8)
```
#202011
```
#202011 rgb(32,32,17)
```
#30311a
```
#30311a rgb(48,49,26)
```
#404223
```
#404223 rgb(64,66,35)
```
#51522c
```
#51522c rgb(81,82,44)
```
#616335
```
#616335 rgb(97,99,53)
```

Monochromatic Color

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

#312c1a
```
#312c1a rgb(49,44,26)
```
#312e1a
```
#312e1a rgb(49,46,26)
```
#31301a
```
#31301a rgb(49,48,26)
```
#30311a
```
#30311a rgb(48,49,26)
```
#2e311a
```
#2e311a rgb(46,49,26)
```
#2c311a
```
#2c311a rgb(44,49,26)
```
#2a311a
```
#2a311a rgb(42,49,26)
```

Similar Colors

Text with hexadecimal color #30311a

This text has a font color of #30311a.

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

#30311a background color

This paragraph has a background color of #30311a.

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

#30311a border color

This element has a border color of #30311a.

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

CSS codes

.text {color:#30311a;}

.background {background-color:#30311a;}

.border {border:1px solid #30311a;}

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

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#17170c
```
#17170c rgb(23,23,12)
```
#232413
```
#232413 rgb(35,36,19)
```
#30311a
```
#30311a rgb(48,49,26)
```
#3d3e21
```
#3d3e21 rgb(61,62,33)
```
#494b28
```
#494b28 rgb(73,75,40)
```
#56572e
```
#56572e rgb(86,87,46)
```
#626435
```
#626435 rgb(98,100,53)
```
#6f713c
```
#6f713c rgb(111,113,60)
```
#7b7e43
```
#7b7e43 rgb(123,126,67)
```
#888b4a
```
#888b4a rgb(136,139,74)
```
#949850
```
#949850 rgb(148,152,80)
```
#a1a457
```
#a1a457 rgb(161,164,87)
```

Shade Color Variation

#a9ac63
```
#a9ac63 rgb(169,172,99)
```
#b0b370
```
#b0b370 rgb(176,179,112)
```
#b7ba7d
```
#b7ba7d rgb(183,186,125)
```
#bec189
```
#bec189 rgb(190,193,137)
```
#c5c796
```
#c5c796 rgb(197,199,150)
```
#cccea3
```
#cccea3 rgb(204,206,163)
```
#d3d5b0
```
#d3d5b0 rgb(211,213,176)
```
#dadcbd
```
#dadcbd rgb(218,220,189)
```
#e2e3c9
```
#e2e3c9 rgb(226,227,201)
```
#e9e9d6
```
#e9e9d6 rgb(233,233,214)
```
#f0f0e3
```
#f0f0e3 rgb(240,240,227)
```
#f7f7f0
```
#f7f7f0 rgb(247,247,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#282823
```
#282823 rgb(40,40,35)
```
#2b2b20
```
#2b2b20 rgb(43,43,32)
```
#2d2e1d
```
#2d2e1d rgb(45,46,29)
```
#30311a
```
#30311a rgb(48,49,26)
```
#333417
```
#333417 rgb(51,52,23)
```
#353714
```
#353714 rgb(53,55,20)
```
#383a11
```
#383a11 rgb(56,58,17)
```
#3b3d0e
```
#3b3d0e rgb(59,61,14)
```
#3d3f0c
```
#3d3f0c rgb(61,63,12)
```
#404209
```
#404209 rgb(64,66,9)
```
#424506
```
#424506 rgb(66,69,6)
```
#454803
```
#454803 rgb(69,72,3)
```
#484b00
```
#484b00 rgb(72,75,0)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2f2a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f3a25 Protanopia 1% of men
#453727 Deuteranopia 1% of men
#3d383c Tritanopia 0.001% of the population

Trichromacy

#393621 Protanomaly 1% of men, 0.01% of women
#3d3522 Deuteranomaly 6% of men, 0.4% of women
#383630 Tritanomaly 0.01% of the population

#30311a hex color

#30311a Color Information

#30311a Color Conversion

Color Schemes with #30311a

Alternatives to #30311a

#30311a Preview

Shades and Tints of #30311a

Tones of #30311a

Color Blindness Simulator