#301d3f hex color

In a RGB color space, hex #301d3f is composed of 18.8% red, 11.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 54% magenta, 0% yellow and 75.3% black. It has a hue angle of 273.5 degrees, a saturation of 37% and a lightness of 18%. #301d3f color hex could be obtained by blending #603a7e with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 11
- B 25
RGB color chart
- C 24
- M 54
- Y 0
- K 75
CMYK color chart

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

The hexadecimal color #301d3f has RGB values of R:48, G:29, B:63 and CMYK values of C:0.24, M:0.54, Y:0, K:0.75. Its decimal value is 3153215.

Hex triplet	301d3f	`#301d3f`
RGB Decimal	48, 29, 63	`rgb(48,29,63)`
RGB Percent	18.8, 11.4, 24.7	`rgb(18.8%,11.4%,24.7%)`
CMYK	24, 54, 0, 75
HSL	273.5°, 37, 18	`hsl(273.5,37%,18%)`
HSV (or HSB)	273.5°, 54, 24.7
Web Safe	333333	`#333333`

CIE-LAB	14.768, 17.167, -18.226
XYZ	2.555, 1.866, 4.928
xyY	0.273, 0.2, 1.866
CIE-LCH	14.768, 25.038, 313.286
CIE-LUV	14.768, 5.309, -18.784
Hunter-Lab	13.66, 9.486, -11.827
Binary	00110000, 00011101, 00111111

#301d3f
```
#301d3f rgb(48,29,63)
```
#2c3f1d
```
#2c3f1d rgb(44,63,29)
```

Complementary Color

#1f1d3f
```
#1f1d3f rgb(31,29,63)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#3f1d3d
```
#3f1d3d rgb(63,29,61)
```

Analogous Color

#1d3f1f
```
#1d3f1f rgb(29,63,31)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#3d3f1d
```
#3d3f1d rgb(61,63,29)
```

Split Complementary Color

#1d3f30
```
#1d3f30 rgb(29,63,48)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#3f301d
```
#3f301d rgb(63,48,29)
```

Triadic Color

#1d2c3f
```
#1d2c3f rgb(29,44,63)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#3f301d
```
#3f301d rgb(63,48,29)
```
#2c3f1d
```
#2c3f1d rgb(44,63,29)
```

Tetradic Color

#08050b
```
#08050b rgb(8,5,11)
```
#150d1c
```
#150d1c rgb(21,13,28)
```
#23152e
```
#23152e rgb(35,21,46)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#3d2550
```
#3d2550 rgb(61,37,80)
```
#4b2d62
```
#4b2d62 rgb(75,45,98)
```
#583573
```
#583573 rgb(88,53,115)
```

Monochromatic Color

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

#281d3f
```
#281d3f rgb(40,29,63)
```
#2a1d3f
```
#2a1d3f rgb(42,29,63)
```
#2d1d3f
```
#2d1d3f rgb(45,29,63)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#331d3f
```
#331d3f rgb(51,29,63)
```
#361d3f
```
#361d3f rgb(54,29,63)
```
#391d3f
```
#391d3f rgb(57,29,63)
```

Similar Colors

Text with hexadecimal color #301d3f

This text has a font color of #301d3f.

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

#301d3f background color

This paragraph has a background color of #301d3f.

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

#301d3f border color

This element has a border color of #301d3f.

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

CSS codes

.text {color:#301d3f;}

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

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

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

#070409
```
#070409 rgb(7,4,9)
```
#110a17
```
#110a17 rgb(17,10,23)
```
#1c1124
```
#1c1124 rgb(28,17,36)
```
#261732
```
#261732 rgb(38,23,50)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#3a234c
```
#3a234c rgb(58,35,76)
```
#44295a
```
#44295a rgb(68,41,90)
```
#4f3067
```
#4f3067 rgb(79,48,103)
```
#593675
```
#593675 rgb(89,54,117)
```
#633c82
```
#633c82 rgb(99,60,130)
```
#6d4290
```
#6d4290 rgb(109,66,144)
```
#78489d
```
#78489d rgb(120,72,157)
```
#824eaa
```
#824eaa rgb(130,78,170)
```

Shade Color Variation

#8c5ab3
```
#8c5ab3 rgb(140,90,179)
```
#9567b9
```
#9567b9 rgb(149,103,185)
```
#9e75bf
```
#9e75bf rgb(158,117,191)
```
#a882c5
```
#a882c5 rgb(168,130,197)
```
#b18fcc
```
#b18fcc rgb(177,143,204)
```
#ba9dd2
```
#ba9dd2 rgb(186,157,210)
```
#c4aad8
```
#c4aad8 rgb(196,170,216)
```
#cdb8de
```
#cdb8de rgb(205,184,222)
```
#d7c5e4
```
#d7c5e4 rgb(215,197,228)
```
#e0d3eb
```
#e0d3eb rgb(224,211,235)
```
#e9e0f1
```
#e9e0f1 rgb(233,224,241)
```
#f3edf7
```
#f3edf7 rgb(243,237,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#2e2b31
```
#2e2b31 rgb(46,43,49)
```
#2f2834
```
#2f2834 rgb(47,40,52)
```
#2f2438
```
#2f2438 rgb(47,36,56)
```
#30213b
```
#30213b rgb(48,33,59)
```
#301d3f
```
#301d3f rgb(48,29,63)
```
#301943
```
#301943 rgb(48,25,67)
```
#311646
```
#311646 rgb(49,22,70)
```
#31124a
```
#31124a rgb(49,18,74)
```
#320f4d
```
#320f4d rgb(50,15,77)
```
#320b51
```
#320b51 rgb(50,11,81)
```
#320854
```
#320854 rgb(50,8,84)
```
#330458
```
#330458 rgb(51,4,88)
```
#33015b
```
#33015b rgb(51,1,91)
```

Tone Color Variation

Below, you can see how #301d3f 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
#29252c Atypical Achromatopsia 0.001% of the population

Dichromacy

#222f4e Protanopia 1% of men
#253046 Deuteranopia 1% of men
#362e31 Tritanopia 0.001% of the population

Trichromacy

#272848 Protanomaly 1% of men, 0.01% of women
#292943 Deuteranomaly 6% of men, 0.4% of women
#332836 Tritanomaly 0.01% of the population

#301d3f hex color

#301d3f Color Information

#301d3f Color Conversion

Color Schemes with #301d3f

Alternatives to #301d3f

#301d3f Preview

Shades and Tints of #301d3f

Tones of #301d3f

Color Blindness Simulator