#301f5a hex color

In a RGB color space, hex #301f5a is composed of 18.8% red, 12.2% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 65.6% magenta, 0% yellow and 64.7% black. It has a hue angle of 257.3 degrees, a saturation of 48.8% and a lightness of 23.7%. #301f5a color hex could be obtained by blending #603eb4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 35
RGB color chart
- C 47
- M 66
- Y 0
- K 65
CMYK color chart

● #301f5a color description : Very dark violet.

The hexadecimal color #301f5a has RGB values of R:48, G:31, B:90 and CMYK values of C:0.47, M:0.66, Y:0, K:0.65. Its decimal value is 3153754.

Hex triplet	301f5a	`#301f5a`
RGB Decimal	48, 31, 90	`rgb(48,31,90)`
RGB Percent	18.8, 12.2, 35.3	`rgb(18.8%,12.2%,35.3%)`
CMYK	47, 66, 0, 65
HSL	257.3°, 48.8, 23.7	`hsl(257.3,48.8%,23.7%)`
HSV (or HSB)	257.3°, 65.6, 35.3
Web Safe	333366	`#333366`

CIE-LAB	17.21, 24.053, -32.79
XYZ	3.554, 2.346, 9.938
xyY	0.224, 0.148, 2.346
CIE-LCH	17.21, 40.666, 306.262
CIE-LUV	17.21, 2.125, -35.87
Hunter-Lab	15.318, 14.607, -27.742
Binary	00110000, 00011111, 01011010

#301f5a
```
#301f5a rgb(48,31,90)
```
#495a1f
```
#495a1f rgb(73,90,31)
```

Complementary Color

#1f2c5a
```
#1f2c5a rgb(31,44,90)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#4e1f5a
```
#4e1f5a rgb(78,31,90)
```

Analogous Color

#2c5a1f
```
#2c5a1f rgb(44,90,31)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#5a4e1f
```
#5a4e1f rgb(90,78,31)
```

Split Complementary Color

#1f5a30
```
#1f5a30 rgb(31,90,48)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#5a301f
```
#5a301f rgb(90,48,31)
```

Triadic Color

#1f495a
```
#1f495a rgb(31,73,90)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#5a301f
```
#5a301f rgb(90,48,31)
```
#495a1f
```
#495a1f rgb(73,90,31)
```

Tetradic Color

#120b21
```
#120b21 rgb(18,11,33)
```
#1c1234
```
#1c1234 rgb(28,18,52)
```
#261847
```
#261847 rgb(38,24,71)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#3a266d
```
#3a266d rgb(58,38,109)
```
#442c80
```
#442c80 rgb(68,44,128)
```
#4e3393
```
#4e3393 rgb(78,51,147)
```

Monochromatic Color

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

#211f5a
```
#211f5a rgb(33,31,90)
```
#261f5a
```
#261f5a rgb(38,31,90)
```
#2b1f5a
```
#2b1f5a rgb(43,31,90)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#351f5a
```
#351f5a rgb(53,31,90)
```
#3a1f5a
```
#3a1f5a rgb(58,31,90)
```
#3f1f5a
```
#3f1f5a rgb(63,31,90)
```

Similar Colors

Text with hexadecimal color #301f5a

This text has a font color of #301f5a.

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

#301f5a background color

This paragraph has a background color of #301f5a.

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

#301f5a border color

This element has a border color of #301f5a.

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

CSS codes

.text {color:#301f5a;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#090611
```
#090611 rgb(9,6,17)
```
#110b20
```
#110b20 rgb(17,11,32)
```
#19102e
```
#19102e rgb(25,16,46)
```
#20153d
```
#20153d rgb(32,21,61)
```
#281a4b
```
#281a4b rgb(40,26,75)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#382469
```
#382469 rgb(56,36,105)
```
#402977
```
#402977 rgb(64,41,119)
```
#472e86
```
#472e86 rgb(71,46,134)
```
#4f3394
```
#4f3394 rgb(79,51,148)
```
#5738a3
```
#5738a3 rgb(87,56,163)
```
#5f3db2
```
#5f3db2 rgb(95,61,178)
```

Shade Color Variation

#6744bf
```
#6744bf rgb(103,68,191)
```
#7352c4
```
#7352c4 rgb(115,82,196)
```
#7f61c9
```
#7f61c9 rgb(127,97,201)
```
#8b70ce
```
#8b70ce rgb(139,112,206)
```
#967ed3
```
#967ed3 rgb(150,126,211)
```
#a28dd8
```
#a28dd8 rgb(162,141,216)
```
#ae9bdd
```
#ae9bdd rgb(174,155,221)
```
#baaae2
```
#baaae2 rgb(186,170,226)
```
#c6b9e7
```
#c6b9e7 rgb(198,185,231)
```
#d2c7ec
```
#d2c7ec rgb(210,199,236)
```
#ddd6f1
```
#ddd6f1 rgb(221,214,241)
```
#e9e4f6
```
#e9e4f6 rgb(233,228,246)
```
#f5f3fb
```
#f5f3fb rgb(245,243,251)
```

Tint Color Variation

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

#3c3b3e
```
#3c3b3e rgb(60,59,62)
```
#3a3643
```
#3a3643 rgb(58,54,67)
```
#383247
```
#383247 rgb(56,50,71)
```
#362d4c
```
#362d4c rgb(54,45,76)
```
#342851
```
#342851 rgb(52,40,81)
```
#322455
```
#322455 rgb(50,36,85)
```
#301f5a
```
#301f5a rgb(48,31,90)
```
#2e1a5f
```
#2e1a5f rgb(46,26,95)
```
#2c1663
```
#2c1663 rgb(44,22,99)
```
#2a1168
```
#2a1168 rgb(42,17,104)
```
#280c6d
```
#280c6d rgb(40,12,109)
```
#260871
```
#260871 rgb(38,8,113)
```
#240376
```
#240376 rgb(36,3,118)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#2c2934 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003365 Protanopia 1% of men
#003659 Deuteranopia 1% of men
#2e363a Tritanopia 0.001% of the population

Trichromacy

#112c61 Protanomaly 1% of men, 0.01% of women
#112d59 Deuteranomaly 6% of men, 0.4% of women
#2e2e46 Tritanomaly 0.01% of the population

#301f5a hex color

#301f5a Color Information

#301f5a Color Conversion

Color Schemes with #301f5a

Alternatives to #301f5a

#301f5a Preview

Shades and Tints of #301f5a

Tones of #301f5a

Color Blindness Simulator