#301f7a hex color

In a RGB color space, hex #301f7a is composed of 18.8% red, 12.2% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 74.6% magenta, 0% yellow and 52.2% black. It has a hue angle of 251.2 degrees, a saturation of 59.5% and a lightness of 30%. #301f7a color hex could be obtained by blending #603ef4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 12
- B 48
RGB color chart
- C 61
- M 75
- Y 0
- K 52
CMYK color chart

● #301f7a color description : Dark blue.

The hexadecimal color #301f7a has RGB values of R:48, G:31, B:122 and CMYK values of C:0.61, M:0.75, Y:0, K:0.52. Its decimal value is 3153786.

Hex triplet	301f7a	`#301f7a`
RGB Decimal	48, 31, 122	`rgb(48,31,122)`
RGB Percent	18.8, 12.2, 47.8	`rgb(18.8%,12.2%,47.8%)`
CMYK	61, 75, 0, 52
HSL	251.2°, 59.5, 30	`hsl(251.2,59.5%,30%)`
HSV (or HSB)	251.2°, 74.6, 47.8
Web Safe	333366	`#333366`

CIE-LAB	20.097, 34.478, -48.97
XYZ	5.221, 3.013, 18.718
xyY	0.194, 0.112, 3.013
CIE-LCH	20.097, 59.889, 305.148
CIE-LUV	20.097, -0.491, -55.876
Hunter-Lab	17.359, 23.31, -51.78
Binary	00110000, 00011111, 01111010

#301f7a
```
#301f7a rgb(48,31,122)
```
#697a1f
```
#697a1f rgb(105,122,31)
```

Complementary Color

#1f3c7a
```
#1f3c7a rgb(31,60,122)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#5e1f7a
```
#5e1f7a rgb(94,31,122)
```

Analogous Color

#3b7a1f
```
#3b7a1f rgb(59,122,31)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#7a5e1f
```
#7a5e1f rgb(122,94,31)
```

Split Complementary Color

#1f7a30
```
#1f7a30 rgb(31,122,48)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#7a301f
```
#7a301f rgb(122,48,31)
```

Triadic Color

#1f697a
```
#1f697a rgb(31,105,122)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#7a301f
```
#7a301f rgb(122,48,31)
```
#697a1f
```
#697a1f rgb(105,122,31)
```

Tetradic Color

#18103d
```
#18103d rgb(24,16,61)
```
#201551
```
#201551 rgb(32,21,81)
```
#281a66
```
#281a66 rgb(40,26,102)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#38248e
```
#38248e rgb(56,36,142)
```
#4029a3
```
#4029a3 rgb(64,41,163)
```
#482fb7
```
#482fb7 rgb(72,47,183)
```

Monochromatic Color

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

#1f257a
```
#1f257a rgb(31,37,122)
```
#211f7a
```
#211f7a rgb(33,31,122)
```
#281f7a
```
#281f7a rgb(40,31,122)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#381f7a
```
#381f7a rgb(56,31,122)
```
#3f1f7a
```
#3f1f7a rgb(63,31,122)
```
#471f7a
```
#471f7a rgb(71,31,122)
```

Similar Colors

Text with hexadecimal color #301f7a

This text has a font color of #301f7a.

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

#301f7a background color

This paragraph has a background color of #301f7a.

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

#301f7a border color

This element has a border color of #301f7a.

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

CSS codes

.text {color:#301f7a;}

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

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

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, #05030d is the darkest color, while #fcfcfe is the lightest one.

#05030d
```
#05030d rgb(5,3,13)
```
#0b071c
```
#0b071c rgb(11,7,28)
```
#110b2c
```
#110b2c rgb(17,11,44)
```
#170f3b
```
#170f3b rgb(23,15,59)
```
#1e134b
```
#1e134b rgb(30,19,75)
```
#24175b
```
#24175b rgb(36,23,91)
```
#2a1b6a
```
#2a1b6a rgb(42,27,106)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#36238a
```
#36238a rgb(54,35,138)
```
#3c2799
```
#3c2799 rgb(60,39,153)
```
#422ba9
```
#422ba9 rgb(66,43,169)
```
#492fb9
```
#492fb9 rgb(73,47,185)
```
#4f33c8
```
#4f33c8 rgb(79,51,200)
```

Shade Color Variation

#5b40cf
```
#5b40cf rgb(91,64,207)
```
#6850d2
```
#6850d2 rgb(104,80,210)
```
#765fd6
```
#765fd6 rgb(118,95,214)
```
#836fda
```
#836fda rgb(131,111,218)
```
#917fde
```
#917fde rgb(145,127,222)
```
#9e8ee2
```
#9e8ee2 rgb(158,142,226)
```
#ac9ee6
```
#ac9ee6 rgb(172,158,230)
```
#b9aeea
```
#b9aeea rgb(185,174,234)
```
#c6bdee
```
#c6bdee rgb(198,189,238)
```
#d4cdf2
```
#d4cdf2 rgb(212,205,242)
```
#e1ddf6
```
#e1ddf6 rgb(225,221,246)
```
#efecfa
```
#efecfa rgb(239,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#4a4851
```
#4a4851 rgb(74,72,81)
```
#464257
```
#464257 rgb(70,66,87)
```
#423c5d
```
#423c5d rgb(66,60,93)
```
#3f3762
```
#3f3762 rgb(63,55,98)
```
#3b3168
```
#3b3168 rgb(59,49,104)
```
#372b6e
```
#372b6e rgb(55,43,110)
```
#342574
```
#342574 rgb(52,37,116)
```
#301f7a
```
#301f7a rgb(48,31,122)
```
#2c1980
```
#2c1980 rgb(44,25,128)
```
#291386
```
#291386 rgb(41,19,134)
```
#250d8c
```
#250d8c rgb(37,13,140)
```
#210792
```
#210792 rgb(33,7,146)
```
#1e0297
```
#1e0297 rgb(30,2,151)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2b3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#003970 Protanopia 1% of men
#003c61 Deuteranopia 1% of men
#164045 Tritanopia 0.001% of the population

Trichromacy

#112f73 Protanomaly 1% of men, 0.01% of women
#11316a Deuteranomaly 6% of men, 0.4% of women
#1f3458 Tritanomaly 0.01% of the population

#301f7a hex color

#301f7a Color Information

#301f7a Color Conversion

Color Schemes with #301f7a

Alternatives to #301f7a

#301f7a Preview

Shades and Tints of #301f7a

Tones of #301f7a

Color Blindness Simulator