#301f9d hex color

In a RGB color space, hex #301f9d is composed of 18.8% red, 12.2% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 80.3% magenta, 0% yellow and 38.4% black. It has a hue angle of 248.1 degrees, a saturation of 67% and a lightness of 36.9%. #301f9d color hex could be obtained by blending #603eff with #00003b. Closest websafe color is: #333399.

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

● #301f9d color description : Dark blue.

The hexadecimal color #301f9d has RGB values of R:48, G:31, B:157 and CMYK values of C:0.69, M:0.8, Y:0, K:0.38. Its decimal value is 3153821.

Hex triplet	301f9d	`#301f9d`
RGB Decimal	48, 31, 157	`rgb(48,31,157)`
RGB Percent	18.8, 12.2, 61.6	`rgb(18.8%,12.2%,61.6%)`
CMYK	69, 80, 0, 38
HSL	248.1°, 67, 36.9	`hsl(248.1,67%,36.9%)`
HSV (or HSB)	248.1°, 80.3, 61.6
Web Safe	333399	`#333399`

CIE-LAB	23.811, 45.623, -64.7
XYZ	7.794, 4.042, 32.266
xyY	0.177, 0.092, 4.042
CIE-LCH	23.811, 79.168, 305.189
CIE-LUV	23.811, -2.837, -76.812
Hunter-Lab	20.105, 34.008, -81.077
Binary	00110000, 00011111, 10011101

#301f9d
```
#301f9d rgb(48,31,157)
```
#8c9d1f
```
#8c9d1f rgb(140,157,31)
```

Complementary Color

#1f4d9d
```
#1f4d9d rgb(31,77,157)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#6f1f9d
```
#6f1f9d rgb(111,31,157)
```

Analogous Color

#4d9d1f
```
#4d9d1f rgb(77,157,31)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#9d6f1f
```
#9d6f1f rgb(157,111,31)
```

Split Complementary Color

#1f9d30
```
#1f9d30 rgb(31,157,48)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#9d301f
```
#9d301f rgb(157,48,31)
```

Triadic Color

#1f8c9d
```
#1f8c9d rgb(31,140,157)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#9d301f
```
#9d301f rgb(157,48,31)
```
#8c9d1f
```
#8c9d1f rgb(140,157,31)
```

Tetradic Color

#1c125d
```
#1c125d rgb(28,18,93)
```
#231772
```
#231772 rgb(35,23,114)
```
#291b88
```
#291b88 rgb(41,27,136)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#3723b2
```
#3723b2 rgb(55,35,178)
```
#3d27c8
```
#3d27c8 rgb(61,39,200)
```
#4832d7
```
#4832d7 rgb(72,50,215)
```

Monochromatic Color

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

#1f2e9d
```
#1f2e9d rgb(31,46,157)
```
#1f239d
```
#1f239d rgb(31,35,157)
```
#261f9d
```
#261f9d rgb(38,31,157)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#3b1f9d
```
#3b1f9d rgb(59,31,157)
```
#451f9d
```
#451f9d rgb(69,31,157)
```
#4f1f9d
```
#4f1f9d rgb(79,31,157)
```

Similar Colors

Text with hexadecimal color #301f9d

This text has a font color of #301f9d.

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

#301f9d background color

This paragraph has a background color of #301f9d.

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

#301f9d border color

This element has a border color of #301f9d.

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

CSS codes

.text {color:#301f9d;}

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

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

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, #03020a is the darkest color, while #f9f8fe is the lightest one.

#03020a
```
#03020a rgb(3,2,10)
```
#08051a
```
#08051a rgb(8,5,26)
```
#0d082a
```
#0d082a rgb(13,8,42)
```
#120c3b
```
#120c3b rgb(18,12,59)
```
#170f4b
```
#170f4b rgb(23,15,75)
```
#1c125b
```
#1c125b rgb(28,18,91)
```
#21156c
```
#21156c rgb(33,21,108)
```
#26197c
```
#26197c rgb(38,25,124)
```
#2b1c8d
```
#2b1c8d rgb(43,28,141)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#3522ad
```
#3522ad rgb(53,34,173)
```
#3a25be
```
#3a25be rgb(58,37,190)
```
#3f29ce
```
#3f29ce rgb(63,41,206)
```

Shade Color Variation

#4a34d7
```
#4a34d7 rgb(74,52,215)
```
#5844da
```
#5844da rgb(88,68,218)
```
#6754dd
```
#6754dd rgb(103,84,221)
```
#7565e1
```
#7565e1 rgb(117,101,225)
```
#8475e4
```
#8475e4 rgb(132,117,228)
```
#9386e7
```
#9386e7 rgb(147,134,231)
```
#a196ea
```
#a196ea rgb(161,150,234)
```
#b0a6ed
```
#b0a6ed rgb(176,166,237)
```
#beb7f1
```
#beb7f1 rgb(190,183,241)
```
#cdc7f4
```
#cdc7f4 rgb(205,199,244)
```
#dcd7f7
```
#dcd7f7 rgb(220,215,247)
```
#eae8fa
```
#eae8fa rgb(234,232,250)
```
#f9f8fe
```
#f9f8fe rgb(249,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5963 is the less saturated color, while #1b02ba is the most saturated one.

#5a5963
```
#5a5963 rgb(90,89,99)
```
#55526a
```
#55526a rgb(85,82,106)
```
#504a72
```
#504a72 rgb(80,74,114)
```
#4a4379
```
#4a4379 rgb(74,67,121)
```
#453c80
```
#453c80 rgb(69,60,128)
```
#403587
```
#403587 rgb(64,53,135)
```
#3b2d8f
```
#3b2d8f rgb(59,45,143)
```
#352696
```
#352696 rgb(53,38,150)
```
#301f9d
```
#301f9d rgb(48,31,157)
```
#2b18a4
```
#2b18a4 rgb(43,24,164)
```
#2511ab
```
#2511ab rgb(37,17,171)
```
#2009b3
```
#2009b3 rgb(32,9,179)
```
#1b02ba
```
#1b02ba rgb(27,2,186)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#322e47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417e Protanopia 1% of men
#00446d Deuteranopia 1% of men
#00494d Tritanopia 0.001% of the population

Trichromacy

#113489 Protanomaly 1% of men, 0.01% of women
#11377e Deuteranomaly 6% of men, 0.4% of women
#113a6a Tritanomaly 0.01% of the population

#301f9d hex color

#301f9d Color Information

#301f9d Color Conversion

Color Schemes with #301f9d

Alternatives to #301f9d

#301f9d Preview

Shades and Tints of #301f9d

Tones of #301f9d

Color Blindness Simulator