#301396 hex color

In a RGB color space, hex #301396 is composed of 18.8% red, 7.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 87.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 253.3 degrees, a saturation of 77.5% and a lightness of 33.1%. #301396 color hex could be obtained by blending #6026ff with #00002d. Closest websafe color is: #330099.

♥
- f
- t
- g
- R 19
- G 7
- B 59
RGB color chart
- C 68
- M 87
- Y 0
- K 41
CMYK color chart

● #301396 color description : Dark blue.

The hexadecimal color #301396 has RGB values of R:48, G:19, B:150 and CMYK values of C:0.68, M:0.87, Y:0, K:0.41. Its decimal value is 3150742.

Hex triplet	301396	`#301396`
RGB Decimal	48, 19, 150	`rgb(48,19,150)`
RGB Percent	18.8, 7.5, 58.8	`rgb(18.8%,7.5%,58.8%)`
CMYK	68, 87, 0, 41
HSL	253.3°, 77.5, 33.1	`hsl(253.3,77.5%,33.1%)`
HSV (or HSB)	253.3°, 87.3, 58.8
Web Safe	330099	`#330099`

CIE-LAB	21.192, 48.832, -64.736
XYZ	6.956, 3.296, 29.122
xyY	0.177, 0.084, 3.296
CIE-LCH	21.192, 81.088, 307.028
CIE-LUV	21.192, -1.185, -72.18
Hunter-Lab	18.154, 36.621, -82.401
Binary	00110000, 00010011, 10010110

#301396
```
#301396 rgb(48,19,150)
```
#799613
```
#799613 rgb(121,150,19)
```

Complementary Color

#133796
```
#133796 rgb(19,55,150)
```
#301396
```
#301396 rgb(48,19,150)
```
#721396
```
#721396 rgb(114,19,150)
```

Analogous Color

#379613
```
#379613 rgb(55,150,19)
```
#301396
```
#301396 rgb(48,19,150)
```
#967213
```
#967213 rgb(150,114,19)
```

Split Complementary Color

#139630
```
#139630 rgb(19,150,48)
```
#301396
```
#301396 rgb(48,19,150)
```
#963013
```
#963013 rgb(150,48,19)
```

Triadic Color

#137996
```
#137996 rgb(19,121,150)
```
#301396
```
#301396 rgb(48,19,150)
```
#963013
```
#963013 rgb(150,48,19)
```
#799613
```
#799613 rgb(121,150,19)
```

Tetradic Color

#1a0a52
```
#1a0a52 rgb(26,10,82)
```
#220d69
```
#220d69 rgb(34,13,105)
```
#29107f
```
#29107f rgb(41,16,127)
```
#301396
```
#301396 rgb(48,19,150)
```
#3716ad
```
#3716ad rgb(55,22,173)
```
#3e19c3
```
#3e19c3 rgb(62,25,195)
```
#461cda
```
#461cda rgb(70,28,218)
```

Monochromatic Color

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

#131796
```
#131796 rgb(19,23,150)
```
#1a1396
```
#1a1396 rgb(26,19,150)
```
#251396
```
#251396 rgb(37,19,150)
```
#301396
```
#301396 rgb(48,19,150)
```
#3b1396
```
#3b1396 rgb(59,19,150)
```
#461396
```
#461396 rgb(70,19,150)
```
#511396
```
#511396 rgb(81,19,150)
```

Similar Colors

Text with hexadecimal color #301396

This text has a font color of #301396.

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

#301396 background color

This paragraph has a background color of #301396.

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

#301396 border color

This element has a border color of #301396.

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

CSS codes

.text {color:#301396;}

.background {background-color:#301396;}

.border {border:1px solid #301396;}

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, #03010b is the darkest color, while #faf8fe is the lightest one.

#03010b
```
#03010b rgb(3,1,11)
```
#09041c
```
#09041c rgb(9,4,28)
```
#0f062e
```
#0f062e rgb(15,6,46)
```
#14083f
```
#14083f rgb(20,8,63)
```
#1a0a50
```
#1a0a50 rgb(26,10,80)
```
#1f0c62
```
#1f0c62 rgb(31,12,98)
```
#250f73
```
#250f73 rgb(37,15,115)
```
#2a1185
```
#2a1185 rgb(42,17,133)
```
#301396
```
#301396 rgb(48,19,150)
```
#3615a7
```
#3615a7 rgb(54,21,167)
```
#3b17b9
```
#3b17b9 rgb(59,23,185)
```
#411aca
```
#411aca rgb(65,26,202)
```
#461cdc
```
#461cdc rgb(70,28,220)
```

Shade Color Variation

#5127e4
```
#5127e4 rgb(81,39,228)
```
#5f39e6
```
#5f39e6 rgb(95,57,230)
```
#6d4ae8
```
#6d4ae8 rgb(109,74,232)
```
#7b5cea
```
#7b5cea rgb(123,92,234)
```
#896ded
```
#896ded rgb(137,109,237)
```
#977eef
```
#977eef rgb(151,126,239)
```
#a590f1
```
#a590f1 rgb(165,144,241)
```
#b3a1f3
```
#b3a1f3 rgb(179,161,243)
```
#c1b3f5
```
#c1b3f5 rgb(193,179,245)
```
#cfc4f8
```
#cfc4f8 rgb(207,196,248)
```
#ded5fa
```
#ded5fa rgb(222,213,250)
```
#ece7fc
```
#ece7fc rgb(236,231,252)
```
#faf8fe
```
#faf8fe rgb(250,248,254)
```

Tint Color Variation

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

#545455
```
#545455 rgb(84,84,85)
```
#514e5c
```
#514e5c rgb(81,78,92)
```
#4d4762
```
#4d4762 rgb(77,71,98)
```
#494169
```
#494169 rgb(73,65,105)
```
#463a6f
```
#463a6f rgb(70,58,111)
```
#423476
```
#423476 rgb(66,52,118)
```
#3e2d7c
```
#3e2d7c rgb(62,45,124)
```
#3b2783
```
#3b2783 rgb(59,39,131)
```
#372089
```
#372089 rgb(55,32,137)
```
#341a90
```
#341a90 rgb(52,26,144)
```
#301396
```
#301396 rgb(48,19,150)
```
#2c0d9d
```
#2c0d9d rgb(44,13,157)
```
#2906a3
```
#2906a3 rgb(41,6,163)
```

Tone Color Variation

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

Dichromacy

#003b74 Protanopia 1% of men
#003f64 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#112c80 Protanomaly 1% of men, 0.01% of women
#112f76 Deuteranomaly 6% of men, 0.4% of women
#113163 Tritanomaly 0.01% of the population

#301396 hex color

#301396 Color Information

#301396 Color Conversion

Color Schemes with #301396

Alternatives to #301396

#301396 Preview

Shades and Tints of #301396

Tones of #301396

Color Blindness Simulator