#301f3a hex color

In a RGB color space, hex #301f3a is composed of 18.8% red, 12.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 17.2% cyan, 46.6% magenta, 0% yellow and 77.3% black. It has a hue angle of 277.8 degrees, a saturation of 30.3% and a lightness of 17.5%. #301f3a color hex could be obtained by blending #603e74 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #301f3a has RGB values of R:48, G:31, B:58 and CMYK values of C:0.17, M:0.47, Y:0, K:0.77. Its decimal value is 3153722.

Hex triplet	301f3a	`#301f3a`
RGB Decimal	48, 31, 58	`rgb(48,31,58)`
RGB Percent	18.8, 12.2, 22.7	`rgb(18.8%,12.2%,22.7%)`
CMYK	17, 47, 0, 77
HSL	277.8°, 30.3, 17.5	`hsl(277.8,30.3%,17.5%)`
HSV (or HSB)	277.8°, 46.6, 22.7
Web Safe	333333	`#333333`

CIE-LAB	15.029, 14.406, -14.302
XYZ	2.473, 1.914, 4.242
xyY	0.287, 0.222, 1.914
CIE-LCH	15.029, 20.3, 315.207
CIE-LUV	15.029, 5.356, -14.854
Hunter-Lab	13.834, 7.692, -8.496
Binary	00110000, 00011111, 00111010

#301f3a
```
#301f3a rgb(48,31,58)
```
#293a1f
```
#293a1f rgb(41,58,31)
```

Complementary Color

#231f3a
```
#231f3a rgb(35,31,58)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#3a1f37
```
#3a1f37 rgb(58,31,55)
```

Analogous Color

#1f3a23
```
#1f3a23 rgb(31,58,35)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#373a1f
```
#373a1f rgb(55,58,31)
```

Split Complementary Color

#1f3a30
```
#1f3a30 rgb(31,58,48)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#3a301f
```
#3a301f rgb(58,48,31)
```

Triadic Color

#1f293a
```
#1f293a rgb(31,41,58)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#3a301f
```
#3a301f rgb(58,48,31)
```
#293a1f
```
#293a1f rgb(41,58,31)
```

Tetradic Color

#070408
```
#070408 rgb(7,4,8)
```
#140d19
```
#140d19 rgb(20,13,25)
```
#221629
```
#221629 rgb(34,22,41)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#3e284b
```
#3e284b rgb(62,40,75)
```
#4c315b
```
#4c315b rgb(76,49,91)
```
#593a6c
```
#593a6c rgb(89,58,108)
```

Monochromatic Color

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

#291f3a
```
#291f3a rgb(41,31,58)
```
#2c1f3a
```
#2c1f3a rgb(44,31,58)
```
#2e1f3a
```
#2e1f3a rgb(46,31,58)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#321f3a
```
#321f3a rgb(50,31,58)
```
#351f3a
```
#351f3a rgb(53,31,58)
```
#371f3a
```
#371f3a rgb(55,31,58)
```

Similar Colors

Text with hexadecimal color #301f3a

This text has a font color of #301f3a.

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

#301f3a background color

This paragraph has a background color of #301f3a.

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

#301f3a border color

This element has a border color of #301f3a.

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

CSS codes

.text {color:#301f3a;}

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

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

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

#060407
```
#060407 rgb(6,4,7)
```
#100b14
```
#100b14 rgb(16,11,20)
```
#1b1120
```
#1b1120 rgb(27,17,32)
```
#25182d
```
#25182d rgb(37,24,45)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#3b2647
```
#3b2647 rgb(59,38,71)
```
#452d54
```
#452d54 rgb(69,45,84)
```
#503360
```
#503360 rgb(80,51,96)
```
#5a3a6d
```
#5a3a6d rgb(90,58,109)
```
#65417a
```
#65417a rgb(101,65,122)
```
#6f4887
```
#6f4887 rgb(111,72,135)
```
#7a4f93
```
#7a4f93 rgb(122,79,147)
```
#8556a0
```
#8556a0 rgb(133,86,160)
```

Shade Color Variation

#8e60aa
```
#8e60aa rgb(142,96,170)
```
#976cb1
```
#976cb1 rgb(151,108,177)
```
#a079b8
```
#a079b8 rgb(160,121,184)
```
#a986be
```
#a986be rgb(169,134,190)
```
#b393c5
```
#b393c5 rgb(179,147,197)
```
#bca0cc
```
#bca0cc rgb(188,160,204)
```
#c5acd3
```
#c5acd3 rgb(197,172,211)
```
#ceb9da
```
#ceb9da rgb(206,185,218)
```
#d7c6e1
```
#d7c6e1 rgb(215,198,225)
```
#e0d3e7
```
#e0d3e7 rgb(224,211,231)
```
#e9e0ee
```
#e9e0ee rgb(233,224,238)
```
#f2ecf5
```
#f2ecf5 rgb(242,236,245)
```
#fbf9fc
```
#fbf9fc rgb(251,249,252)
```

Tint Color Variation

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

#2d2930
```
#2d2930 rgb(45,41,48)
```
#2e2633
```
#2e2633 rgb(46,38,51)
```
#2f2237
```
#2f2237 rgb(47,34,55)
```
#301f3a
```
#301f3a rgb(48,31,58)
```
#311c3d
```
#311c3d rgb(49,28,61)
```
#321841
```
#321841 rgb(50,24,65)
```
#331544
```
#331544 rgb(51,21,68)
```
#341148
```
#341148 rgb(52,17,72)
```
#340e4b
```
#340e4b rgb(52,14,75)
```
#350a4f
```
#350a4f rgb(53,10,79)
```
#360752
```
#360752 rgb(54,7,82)
```
#370455
```
#370455 rgb(55,4,85)
```
#380059
```
#380059 rgb(56,0,89)
```

Tone Color Variation

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

#273048 Protanopia 1% of men
#2a3042 Deuteranopia 1% of men
#372e32 Tritanopia 0.001% of the population

Trichromacy

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

#301f3a hex color

#301f3a Color Information

#301f3a Color Conversion

Color Schemes with #301f3a

Alternatives to #301f3a

#301f3a Preview

Shades and Tints of #301f3a

Tones of #301f3a

Color Blindness Simulator