#301f93 hex color

In a RGB color space, hex #301f93 is composed of 18.8% red, 12.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 78.9% magenta, 0% yellow and 42.4% black. It has a hue angle of 248.8 degrees, a saturation of 65.2% and a lightness of 34.9%. #301f93 color hex could be obtained by blending #603eff with #000027. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 12
- B 58
RGB color chart
- C 67
- M 79
- Y 0
- K 42
CMYK color chart

● #301f93 color description : Dark blue.

The hexadecimal color #301f93 has RGB values of R:48, G:31, B:147 and CMYK values of C:0.67, M:0.79, Y:0, K:0.42. Its decimal value is 3153811.

Hex triplet	301f93	`#301f93`
RGB Decimal	48, 31, 147	`rgb(48,31,147)`
RGB Percent	18.8, 12.2, 57.6	`rgb(18.8%,12.2%,57.6%)`
CMYK	67, 79, 0, 42
HSL	248.8°, 65.2, 34.9	`hsl(248.8,65.2%,34.9%)`
HSV (or HSB)	248.8°, 78.9, 57.6
Web Safe	333399	`#333399`

CIE-LAB	22.705, 42.497, -60.378
XYZ	6.974, 3.715, 27.952
xyY	0.18, 0.096, 3.715
CIE-LCH	22.705, 73.834, 305.14
CIE-LUV	22.705, -2.207, -70.9
Hunter-Lab	19.273, 30.865, -72.495
Binary	00110000, 00011111, 10010011

#301f93
```
#301f93 rgb(48,31,147)
```
#82931f
```
#82931f rgb(130,147,31)
```

Complementary Color

#1f4893
```
#1f4893 rgb(31,72,147)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#6a1f93
```
#6a1f93 rgb(106,31,147)
```

Analogous Color

#48931f
```
#48931f rgb(72,147,31)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#936a1f
```
#936a1f rgb(147,106,31)
```

Split Complementary Color

#1f9330
```
#1f9330 rgb(31,147,48)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#93301f
```
#93301f rgb(147,48,31)
```

Triadic Color

#1f8293
```
#1f8293 rgb(31,130,147)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#93301f
```
#93301f rgb(147,48,31)
```
#82931f
```
#82931f rgb(130,147,31)
```

Tetradic Color

#1b1254
```
#1b1254 rgb(27,18,84)
```
#221669
```
#221669 rgb(34,22,105)
```
#291b7e
```
#291b7e rgb(41,27,126)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#3723a8
```
#3723a8 rgb(55,35,168)
```
#3e28bd
```
#3e28bd rgb(62,40,189)
```
#452cd2
```
#452cd2 rgb(69,44,210)
```

Monochromatic Color

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

#1f2b93
```
#1f2b93 rgb(31,43,147)
```
#1f2193
```
#1f2193 rgb(31,33,147)
```
#261f93
```
#261f93 rgb(38,31,147)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#3a1f93
```
#3a1f93 rgb(58,31,147)
```
#431f93
```
#431f93 rgb(67,31,147)
```
#4d1f93
```
#4d1f93 rgb(77,31,147)
```

Similar Colors

Text with hexadecimal color #301f93

This text has a font color of #301f93.

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

#301f93 background color

This paragraph has a background color of #301f93.

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

#301f93 border color

This element has a border color of #301f93.

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

CSS codes

.text {color:#301f93;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#060411
```
#060411 rgb(6,4,17)
```
#0b0722
```
#0b0722 rgb(11,7,34)
```
#100b32
```
#100b32 rgb(16,11,50)
```
#160e42
```
#160e42 rgb(22,14,66)
```
#1b1152
```
#1b1152 rgb(27,17,82)
```
#201562
```
#201562 rgb(32,21,98)
```
#251873
```
#251873 rgb(37,24,115)
```
#2b1c83
```
#2b1c83 rgb(43,28,131)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#3522a3
```
#3522a3 rgb(53,34,163)
```
#3b26b3
```
#3b26b3 rgb(59,38,179)
```
#4029c4
```
#4029c4 rgb(64,41,196)
```

Shade Color Variation

#462ed3
```
#462ed3 rgb(70,46,211)
```
#543ed6
```
#543ed6 rgb(84,62,214)
```
#624eda
```
#624eda rgb(98,78,218)
```
#715edd
```
#715edd rgb(113,94,221)
```
#7f6ee1
```
#7f6ee1 rgb(127,110,225)
```
#8d7fe4
```
#8d7fe4 rgb(141,127,228)
```
#9c8fe7
```
#9c8fe7 rgb(156,143,231)
```
#aa9feb
```
#aa9feb rgb(170,159,235)
```
#b8afee
```
#b8afee rgb(184,175,238)
```
#c7bff2
```
#c7bff2 rgb(199,191,242)
```
#d5d0f5
```
#d5d0f5 rgb(213,208,245)
```
#e3e0f8
```
#e3e0f8 rgb(227,224,248)
```
#f2f0fc
```
#f2f0fc rgb(242,240,252)
```

Tint Color Variation

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

#57565c
```
#57565c rgb(87,86,92)
```
#524f63
```
#524f63 rgb(82,79,99)
```
#4d486a
```
#4d486a rgb(77,72,106)
```
#484171
```
#484171 rgb(72,65,113)
```
#433a78
```
#433a78 rgb(67,58,120)
```
#3f347e
```
#3f347e rgb(63,52,126)
```
#3a2d85
```
#3a2d85 rgb(58,45,133)
```
#35268c
```
#35268c rgb(53,38,140)
```
#301f93
```
#301f93 rgb(48,31,147)
```
#2b189a
```
#2b189a rgb(43,24,154)
```
#2611a1
```
#2611a1 rgb(38,17,161)
```
#210aa8
```
#210aa8 rgb(33,10,168)
```
#1d04ae
```
#1d04ae rgb(29,4,174)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#312d45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7a Protanopia 1% of men
#004269 Deuteranopia 1% of men
#00474b Tritanopia 0.001% of the population

Trichromacy

#113383 Protanomaly 1% of men, 0.01% of women
#113578 Deuteranomaly 6% of men, 0.4% of women
#113865 Tritanomaly 0.01% of the population

#301f93 hex color

#301f93 Color Information

#301f93 Color Conversion

Color Schemes with #301f93

Alternatives to #301f93

#301f93 Preview

Shades and Tints of #301f93

Tones of #301f93

Color Blindness Simulator