#301f60 hex color

In a RGB color space, hex #301f60 is composed of 18.8% red, 12.2% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 67.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 255.7 degrees, a saturation of 51.2% and a lightness of 24.9%. #301f60 color hex could be obtained by blending #603ec0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 38
RGB color chart
- C 50
- M 68
- Y 0
- K 62
CMYK color chart

● #301f60 color description : Very dark violet.

The hexadecimal color #301f60 has RGB values of R:48, G:31, B:96 and CMYK values of C:0.5, M:0.68, Y:0, K:0.62. Its decimal value is 3153760.

Hex triplet	301f60	`#301f60`
RGB Decimal	48, 31, 96	`rgb(48,31,96)`
RGB Percent	18.8, 12.2, 37.6	`rgb(18.8%,12.2%,37.6%)`
CMYK	50, 68, 0, 62
HSL	255.7°, 51.2, 24.9	`hsl(255.7,51.2%,24.9%)`
HSV (or HSB)	255.7°, 67.7, 37.6
Web Safe	333366	`#333366`

CIE-LAB	17.704, 25.991, -35.982
XYZ	3.82, 2.453, 11.338
xyY	0.217, 0.139, 2.453
CIE-LCH	17.704, 44.388, 305.842
CIE-LUV	17.704, 1.59, -39.706
Hunter-Lab	15.661, 16.129, -31.959
Binary	00110000, 00011111, 01100000

#301f60
```
#301f60 rgb(48,31,96)
```
#4f601f
```
#4f601f rgb(79,96,31)
```

Complementary Color

#1f2f60
```
#1f2f60 rgb(31,47,96)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#501f60
```
#501f60 rgb(80,31,96)
```

Analogous Color

#2f601f
```
#2f601f rgb(47,96,31)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#60511f
```
#60511f rgb(96,81,31)
```

Split Complementary Color

#1f6030
```
#1f6030 rgb(31,96,48)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#60301f
```
#60301f rgb(96,48,31)
```

Triadic Color

#1f4f60
```
#1f4f60 rgb(31,79,96)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#60301f
```
#60301f rgb(96,48,31)
```
#4f601f
```
#4f601f rgb(79,96,31)
```

Tetradic Color

#130c26
```
#130c26 rgb(19,12,38)
```
#1d1339
```
#1d1339 rgb(29,19,57)
```
#26194d
```
#26194d rgb(38,25,77)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#3a2573
```
#3a2573 rgb(58,37,115)
```
#432b87
```
#432b87 rgb(67,43,135)
```
#4d329a
```
#4d329a rgb(77,50,154)
```

Monochromatic Color

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

#201f60
```
#201f60 rgb(32,31,96)
```
#251f60
```
#251f60 rgb(37,31,96)
```
#2b1f60
```
#2b1f60 rgb(43,31,96)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#351f60
```
#351f60 rgb(53,31,96)
```
#3b1f60
```
#3b1f60 rgb(59,31,96)
```
#401f60
```
#401f60 rgb(64,31,96)
```

Similar Colors

Text with hexadecimal color #301f60

This text has a font color of #301f60.

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

#301f60 background color

This paragraph has a background color of #301f60.

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

#301f60 border color

This element has a border color of #301f60.

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

CSS codes

.text {color:#301f60;}

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

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

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

#040207
```
#040207 rgb(4,2,7)
```
#0b0716
```
#0b0716 rgb(11,7,22)
```
#120c25
```
#120c25 rgb(18,12,37)
```
#1a1134
```
#1a1134 rgb(26,17,52)
```
#211542
```
#211542 rgb(33,21,66)
```
#291a51
```
#291a51 rgb(41,26,81)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#37246f
```
#37246f rgb(55,36,111)
```
#3f297e
```
#3f297e rgb(63,41,126)
```
#462d8c
```
#462d8c rgb(70,45,140)
```
#4e329b
```
#4e329b rgb(78,50,155)
```
#5537aa
```
#5537aa rgb(85,55,170)
```
#5c3cb9
```
#5c3cb9 rgb(92,60,185)
```

Shade Color Variation

#6645c3
```
#6645c3 rgb(102,69,195)
```
#7254c8
```
#7254c8 rgb(114,84,200)
```
#7f63cd
```
#7f63cd rgb(127,99,205)
```
#8b72d1
```
#8b72d1 rgb(139,114,209)
```
#9781d6
```
#9781d6 rgb(151,129,214)
```
#a38fdb
```
#a38fdb rgb(163,143,219)
```
#af9ee0
```
#af9ee0 rgb(175,158,224)
```
#bcade5
```
#bcade5 rgb(188,173,229)
```
#c8bce9
```
#c8bce9 rgb(200,188,233)
```
#d4cbee
```
#d4cbee rgb(212,203,238)
```
#e0daf3
```
#e0daf3 rgb(224,218,243)
```
#ece8f8
```
#ece8f8 rgb(236,232,248)
```
#f9f7fc
```
#f9f7fc rgb(249,247,252)
```

Tint Color Variation

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

#3e3c43
```
#3e3c43 rgb(62,60,67)
```
#3c3748
```
#3c3748 rgb(60,55,72)
```
#39334c
```
#39334c rgb(57,51,76)
```
#372e51
```
#372e51 rgb(55,46,81)
```
#352956
```
#352956 rgb(53,41,86)
```
#32245b
```
#32245b rgb(50,36,91)
```
#301f60
```
#301f60 rgb(48,31,96)
```
#2e1a65
```
#2e1a65 rgb(46,26,101)
```
#2b156a
```
#2b156a rgb(43,21,106)
```
#29106f
```
#29106f rgb(41,16,111)
```
#270b74
```
#270b74 rgb(39,11,116)
```
#240778
```
#240778 rgb(36,7,120)
```
#22027d
```
#22027d rgb(34,2,125)
```

Tone Color Variation

Below, you can see how #301f60 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
#2c2936 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003467 Protanopia 1% of men
#00375b Deuteranopia 1% of men
#2b383c Tritanopia 0.001% of the population

Trichromacy

#112c64 Protanomaly 1% of men, 0.01% of women
#112e5c Deuteranomaly 6% of men, 0.4% of women
#2d2f49 Tritanomaly 0.01% of the population

#301f60 hex color

#301f60 Color Information

#301f60 Color Conversion

Color Schemes with #301f60

Alternatives to #301f60

#301f60 Preview

Shades and Tints of #301f60

Tones of #301f60

Color Blindness Simulator