#301e3a hex color

In a RGB color space, hex #301e3a is composed of 18.8% red, 11.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 48.3% magenta, 0% yellow and 77.3% black. It has a hue angle of 278.6 degrees, a saturation of 31.8% and a lightness of 17.3%. #301e3a color hex could be obtained by blending #603c74 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 23
RGB color chart
- C 17
- M 48
- Y 0
- K 77
CMYK color chart

● #301e3a color description : Very dark desaturated violet.

The hexadecimal color #301e3a has RGB values of R:48, G:30, B:58 and CMYK values of C:0.17, M:0.48, Y:0, K:0.77. Its decimal value is 3153466.

Hex triplet	301e3a	`#301e3a`
RGB Decimal	48, 30, 58	`rgb(48,30,58)`
RGB Percent	18.8, 11.8, 22.7	`rgb(18.8%,11.8%,22.7%)`
CMYK	17, 48, 0, 77
HSL	278.6°, 31.8, 17.3	`hsl(278.6,31.8%,17.3%)`
HSV (or HSB)	278.6°, 48.3, 22.7
Web Safe	333333	`#333333`

CIE-LAB	14.748, 15.1, -14.74
XYZ	2.447, 1.862, 4.233
xyY	0.286, 0.218, 1.862
CIE-LCH	14.748, 21.102, 315.69
CIE-LUV	14.748, 5.623, -15.2
Hunter-Lab	13.647, 8.121, -8.839
Binary	00110000, 00011110, 00111010

#301e3a
```
#301e3a rgb(48,30,58)
```
#283a1e
```
#283a1e rgb(40,58,30)
```

Complementary Color

#221e3a
```
#221e3a rgb(34,30,58)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#3a1e36
```
#3a1e36 rgb(58,30,54)
```

Analogous Color

#1e3a22
```
#1e3a22 rgb(30,58,34)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#363a1e
```
#363a1e rgb(54,58,30)
```

Split Complementary Color

#1e3a30
```
#1e3a30 rgb(30,58,48)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#3a301e
```
#3a301e rgb(58,48,30)
```

Triadic Color

#1e283a
```
#1e283a rgb(30,40,58)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#3a301e
```
#3a301e rgb(58,48,30)
```
#283a1e
```
#283a1e rgb(40,58,30)
```

Tetradic Color

#060408
```
#060408 rgb(6,4,8)
```
#140d18
```
#140d18 rgb(20,13,24)
```
#221529
```
#221529 rgb(34,21,41)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#3e274b
```
#3e274b rgb(62,39,75)
```
#4c2f5c
```
#4c2f5c rgb(76,47,92)
```
#5a386c
```
#5a386c rgb(90,56,108)
```

Monochromatic Color

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

#291e3a
```
#291e3a rgb(41,30,58)
```
#2b1e3a
```
#2b1e3a rgb(43,30,58)
```
#2e1e3a
```
#2e1e3a rgb(46,30,58)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#321e3a
```
#321e3a rgb(50,30,58)
```
#351e3a
```
#351e3a rgb(53,30,58)
```
#371e3a
```
#371e3a rgb(55,30,58)
```

Similar Colors

Text with hexadecimal color #301e3a

This text has a font color of #301e3a.

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

#301e3a background color

This paragraph has a background color of #301e3a.

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

#301e3a border color

This element has a border color of #301e3a.

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

CSS codes

.text {color:#301e3a;}

.background {background-color:#301e3a;}

.border {border:1px solid #301e3a;}

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

#050306
```
#050306 rgb(5,3,6)
```
#100a13
```
#100a13 rgb(16,10,19)
```
#1b1120
```
#1b1120 rgb(27,17,32)
```
#25172d
```
#25172d rgb(37,23,45)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#3b2547
```
#3b2547 rgb(59,37,71)
```
#452b54
```
#452b54 rgb(69,43,84)
```
#503261
```
#503261 rgb(80,50,97)
```
#5b396e
```
#5b396e rgb(91,57,110)
```
#653f7b
```
#653f7b rgb(101,63,123)
```
#704688
```
#704688 rgb(112,70,136)
```
#7b4d94
```
#7b4d94 rgb(123,77,148)
```
#8653a1
```
#8653a1 rgb(134,83,161)
```

Shade Color Variation

#8f5dab
```
#8f5dab rgb(143,93,171)
```
#986ab2
```
#986ab2 rgb(152,106,178)
```
#a177b9
```
#a177b9 rgb(161,119,185)
```
#aa84bf
```
#aa84bf rgb(170,132,191)
```
#b391c6
```
#b391c6 rgb(179,145,198)
```
#bc9ecd
```
#bc9ecd rgb(188,158,205)
```
#c5abd3
```
#c5abd3 rgb(197,171,211)
```
#ceb8da
```
#ceb8da rgb(206,184,218)
```
#d7c5e1
```
#d7c5e1 rgb(215,197,225)
```
#e0d2e8
```
#e0d2e8 rgb(224,210,232)
```
#e9dfee
```
#e9dfee rgb(233,223,238)
```
#f2ebf5
```
#f2ebf5 rgb(242,235,245)
```
#faf8fc
```
#faf8fc rgb(250,248,252)
```

Tint Color Variation

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

#2c2c2c
```
#2c2c2c rgb(44,44,44)
```
#2d2830
```
#2d2830 rgb(45,40,48)
```
#2e2533
```
#2e2533 rgb(46,37,51)
```
#2f2137
```
#2f2137 rgb(47,33,55)
```
#301e3a
```
#301e3a rgb(48,30,58)
```
#311b3d
```
#311b3d rgb(49,27,61)
```
#321741
```
#321741 rgb(50,23,65)
```
#331444
```
#331444 rgb(51,20,68)
```
#341048
```
#341048 rgb(52,16,72)
```
#350d4b
```
#350d4b rgb(53,13,75)
```
#360a4e
```
#360a4e rgb(54,10,78)
```
#370652
```
#370652 rgb(55,6,82)
```
#380355
```
#380355 rgb(56,3,85)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#29252b Atypical Achromatopsia 0.001% of the population

Dichromacy

#262f48 Protanopia 1% of men
#293042 Deuteranopia 1% of men
#372e31 Tritanopia 0.001% of the population

Trichromacy

#2a2943 Protanomaly 1% of men, 0.01% of women
#2c293f Deuteranomaly 6% of men, 0.4% of women
#342834 Tritanomaly 0.01% of the population

#301e3a hex color

#301e3a Color Information

#301e3a Color Conversion

Color Schemes with #301e3a

Alternatives to #301e3a

#301e3a Preview

Shades and Tints of #301e3a

Tones of #301e3a

Color Blindness Simulator