#301f2e hex color

In a RGB color space, hex #301f2e is composed of 18.8% red, 12.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.4% magenta, 4.2% yellow and 81.2% black. It has a hue angle of 307.1 degrees, a saturation of 21.5% and a lightness of 15.5%. #301f2e color hex could be obtained by blending #603e5c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 12
- B 18
RGB color chart
- C 0
- M 35
- Y 4
- K 81
CMYK color chart

● #301f2e color description : Very dark (mostly black) magenta.

The hexadecimal color #301f2e has RGB values of R:48, G:31, B:46 and CMYK values of C:0, M:0.35, Y:0.04, K:0.81. Its decimal value is 3153710.

Hex triplet	301f2e	`#301f2e`
RGB Decimal	48, 31, 46	`rgb(48,31,46)`
RGB Percent	18.8, 12.2, 18	`rgb(18.8%,12.2%,18%)`
CMYK	0, 35, 4, 81
HSL	307.1°, 21.5, 15.5	`hsl(307.1,21.5%,15.5%)`
HSV (or HSB)	307.1°, 35.4, 18.8
Web Safe	333333	`#333333`

CIE-LAB	14.433, 11.363, -6.684
XYZ	2.202, 1.806, 2.817
xyY	0.323, 0.265, 1.806
CIE-LCH	14.433, 13.183, 329.536
CIE-LUV	14.433, 6.671, -7.076
Hunter-Lab	13.438, 5.735, -3.024
Binary	00110000, 00011111, 00101110

#301f2e
```
#301f2e rgb(48,31,46)
```
#1f3021
```
#1f3021 rgb(31,48,33)
```

Complementary Color

#2a1f30
```
#2a1f30 rgb(42,31,48)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#301f26
```
#301f26 rgb(48,31,38)
```

Analogous Color

#1f302a
```
#1f302a rgb(31,48,42)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#26301f
```
#26301f rgb(38,48,31)
```

Split Complementary Color

#1f2e30
```
#1f2e30 rgb(31,46,48)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#2e301f
```
#2e301f rgb(46,48,31)
```

Triadic Color

#211f30
```
#211f30 rgb(33,31,48)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#2e301f
```
#2e301f rgb(46,48,31)
```
#1f3021
```
#1f3021 rgb(31,48,33)
```

Tetradic Color

#020101
```
#020101 rgb(2,1,1)
```
#110b10
```
#110b10 rgb(17,11,16)
```
#21151f
```
#21151f rgb(33,21,31)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#3f293d
```
#3f293d rgb(63,41,61)
```
#4f334c
```
#4f334c rgb(79,51,76)
```
#5e3d5b
```
#5e3d5b rgb(94,61,91)
```

Monochromatic Color

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

#2e1f30
```
#2e1f30 rgb(46,31,48)
```
#2f1f30
```
#2f1f30 rgb(47,31,48)
```
#301f2f
```
#301f2f rgb(48,31,47)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#301f2d
```
#301f2d rgb(48,31,45)
```
#301f2b
```
#301f2b rgb(48,31,43)
```
#301f2a
```
#301f2a rgb(48,31,42)
```

Similar Colors

Text with hexadecimal color #301f2e

This text has a font color of #301f2e.

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

#301f2e background color

This paragraph has a background color of #301f2e.

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

#301f2e border color

This element has a border color of #301f2e.

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

CSS codes

.text {color:#301f2e;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c080c
```
#0c080c rgb(12,8,12)
```
#181017
```
#181017 rgb(24,16,23)
```
#241723
```
#241723 rgb(36,23,35)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#3c2739
```
#3c2739 rgb(60,39,57)
```
#482e45
```
#482e45 rgb(72,46,69)
```
#543650
```
#543650 rgb(84,54,80)
```
#603e5c
```
#603e5c rgb(96,62,92)
```
#6c4567
```
#6c4567 rgb(108,69,103)
```
#784d73
```
#784d73 rgb(120,77,115)
```
#83557e
```
#83557e rgb(131,85,126)
```
#8f5d89
```
#8f5d89 rgb(143,93,137)
```

Shade Color Variation

#9b6495
```
#9b6495 rgb(155,100,149)
```
#a3709d
```
#a3709d rgb(163,112,157)
```
#ab7ca5
```
#ab7ca5 rgb(171,124,165)
```
#b288ad
```
#b288ad rgb(178,136,173)
```
#ba94b5
```
#ba94b5 rgb(186,148,181)
```
#c2a0be
```
#c2a0be rgb(194,160,190)
```
#c9acc6
```
#c9acc6 rgb(201,172,198)
```
#d1b8ce
```
#d1b8ce rgb(209,184,206)
```
#d9c4d6
```
#d9c4d6 rgb(217,196,214)
```
#e0d0de
```
#e0d0de rgb(224,208,222)
```
#e8dce7
```
#e8dce7 rgb(232,220,231)
```
#f0e7ef
```
#f0e7ef rgb(240,231,239)
```
#f8f3f7
```
#f8f3f7 rgb(248,243,247)
```

Tint Color Variation

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

#2a2529
```
#2a2529 rgb(42,37,41)
```
#2d222c
```
#2d222c rgb(45,34,44)
```
#301f2e
```
#301f2e rgb(48,31,46)
```
#331c30
```
#331c30 rgb(51,28,48)
```
#361933
```
#361933 rgb(54,25,51)
```
#391635
```
#391635 rgb(57,22,53)
```
#3c1337
```
#3c1337 rgb(60,19,55)
```
#3f103a
```
#3f103a rgb(63,16,58)
```
#420d3c
```
#420d3c rgb(66,13,60)
```
#450a3e
```
#450a3e rgb(69,10,62)
```
#480741
```
#480741 rgb(72,7,65)
```
#4b0443
```
#4b0443 rgb(75,4,67)
```
#4e0145
```
#4e0145 rgb(78,1,69)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282528 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c2f3b Protanopia 1% of men
#302e37 Deuteranopia 1% of men
#392c2f Tritanopia 0.001% of the population

Trichromacy

#2d2936 Protanomaly 1% of men, 0.01% of women
#302934 Deuteranomaly 6% of men, 0.4% of women
#35272f Tritanomaly 0.01% of the population

#301f2e hex color

#301f2e Color Information

#301f2e Color Conversion

Color Schemes with #301f2e

Alternatives to #301f2e

#301f2e Preview

Shades and Tints of #301f2e

Tones of #301f2e

Color Blindness Simulator