#301336 hex color

In a RGB color space, hex #301336 is composed of 18.8% red, 7.5% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 64.8% magenta, 0% yellow and 78.8% black. It has a hue angle of 289.7 degrees, a saturation of 47.9% and a lightness of 14.3%. #301336 color hex could be obtained by blending #60266c with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 19
- G 7
- B 21
RGB color chart
- C 11
- M 65
- Y 0
- K 79
CMYK color chart

● #301336 color description : Very dark magenta.

The hexadecimal color #301336 has RGB values of R:48, G:19, B:54 and CMYK values of C:0.11, M:0.65, Y:0, K:0.79. Its decimal value is 3150646.

Hex triplet	301336	`#301336`
RGB Decimal	48, 19, 54	`rgb(48,19,54)`
RGB Percent	18.8, 7.5, 21.2	`rgb(18.8%,7.5%,21.2%)`
CMYK	11, 65, 0, 79
HSL	289.7°, 47.9, 14.3	`hsl(289.7,47.9%,14.3%)`
HSV (or HSB)	289.7°, 64.8, 21.2
Web Safe	330033	`#330033`

CIE-LAB	11.693, 21.328, -16.688
XYZ	2.118, 1.361, 3.641
xyY	0.297, 0.191, 1.361
CIE-LCH	11.693, 27.081, 321.959
CIE-LUV	11.693, 8.42, -15.543
Hunter-Lab	11.664, 11.993, -10.342
Binary	00110000, 00010011, 00110110

#301336
```
#301336 rgb(48,19,54)
```
#193613
```
#193613 rgb(25,54,19)
```

Complementary Color

#1f1336
```
#1f1336 rgb(31,19,54)
```
#301336
```
#301336 rgb(48,19,54)
```
#36132b
```
#36132b rgb(54,19,43)
```

Analogous Color

#13361f
```
#13361f rgb(19,54,31)
```
#301336
```
#301336 rgb(48,19,54)
```
#2b3613
```
#2b3613 rgb(43,54,19)
```

Split Complementary Color

#133630
```
#133630 rgb(19,54,48)
```
#301336
```
#301336 rgb(48,19,54)
```
#363013
```
#363013 rgb(54,48,19)
```

Triadic Color

#131936
```
#131936 rgb(19,25,54)
```
#301336
```
#301336 rgb(48,19,54)
```
#363013
```
#363013 rgb(54,48,19)
```
#193613
```
#193613 rgb(25,54,19)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0610
```
#0e0610 rgb(14,6,16)
```
#1f0c23
```
#1f0c23 rgb(31,12,35)
```
#301336
```
#301336 rgb(48,19,54)
```
#411a49
```
#411a49 rgb(65,26,73)
```
#52205c
```
#52205c rgb(82,32,92)
```
#62276f
```
#62276f rgb(98,39,111)
```

Monochromatic Color

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

#271336
```
#271336 rgb(39,19,54)
```
#2a1336
```
#2a1336 rgb(42,19,54)
```
#2d1336
```
#2d1336 rgb(45,19,54)
```
#301336
```
#301336 rgb(48,19,54)
```
#331336
```
#331336 rgb(51,19,54)
```
#361336
```
#361336 rgb(54,19,54)
```
#361333
```
#361333 rgb(54,19,51)
```

Similar Colors

Text with hexadecimal color #301336

This text has a font color of #301336.

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

#301336 background color

This paragraph has a background color of #301336.

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

#301336 border color

This element has a border color of #301336.

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

CSS codes

.text {color:#301336;}

.background {background-color:#301336;}

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

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

#09040a
```
#09040a rgb(9,4,10)
```
#160919
```
#160919 rgb(22,9,25)
```
#230e27
```
#230e27 rgb(35,14,39)
```
#301336
```
#301336 rgb(48,19,54)
```
#3d1845
```
#3d1845 rgb(61,24,69)
```
#4a1d53
```
#4a1d53 rgb(74,29,83)
```
#572262
```
#572262 rgb(87,34,98)
```
#642770
```
#642770 rgb(100,39,112)
```
#702d7f
```
#702d7f rgb(112,45,127)
```
#7d328d
```
#7d328d rgb(125,50,141)
```
#8a379c
```
#8a379c rgb(138,55,156)
```
#973caa
```
#973caa rgb(151,60,170)
```
#a441b9
```
#a441b9 rgb(164,65,185)
```

Shade Color Variation

#ad4dc0
```
#ad4dc0 rgb(173,77,192)
```
#b35bc5
```
#b35bc5 rgb(179,91,197)
```
#ba6acb
```
#ba6acb rgb(186,106,203)
```
#c178d0
```
#c178d0 rgb(193,120,208)
```
#c787d5
```
#c787d5 rgb(199,135,213)
```
#ce95da
```
#ce95da rgb(206,149,218)
```
#d5a4df
```
#d5a4df rgb(213,164,223)
```
#dcb2e4
```
#dcb2e4 rgb(220,178,228)
```
#e2c1e9
```
#e2c1e9 rgb(226,193,233)
```
#e9cfee
```
#e9cfee rgb(233,207,238)
```
#f0def3
```
#f0def3 rgb(240,222,243)
```
#f6ecf8
```
#f6ecf8 rgb(246,236,248)
```
#fdfbfe
```
#fdfbfe rgb(253,251,254)
```

Tint Color Variation

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

#252425
```
#252425 rgb(37,36,37)
```
#272128
```
#272128 rgb(39,33,40)
```
#291e2b
```
#291e2b rgb(41,30,43)
```
#2a1b2e
```
#2a1b2e rgb(42,27,46)
```
#2c1930
```
#2c1930 rgb(44,25,48)
```
#2e1633
```
#2e1633 rgb(46,22,51)
```
#301336
```
#301336 rgb(48,19,54)
```
#321039
```
#321039 rgb(50,16,57)
```
#340d3c
```
#340d3c rgb(52,13,60)
```
#360b3e
```
#360b3e rgb(54,11,62)
```
#370841
```
#370841 rgb(55,8,65)
```
#390544
```
#390544 rgb(57,5,68)
```
#3b0247
```
#3b0247 rgb(59,2,71)
```

Tone Color Variation

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

#202020 Achromatopsia 0.005% of the population
#231d24 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a2948 Protanopia 1% of men
#212a3d Deuteranopia 1% of men
#372528 Tritanopia 0.001% of the population

Trichromacy

#222141 Protanomaly 1% of men, 0.01% of women
#26213a Deuteranomaly 6% of men, 0.4% of women
#341f2d Tritanomaly 0.01% of the population

#301336 hex color

#301336 Color Information

#301336 Color Conversion

Color Schemes with #301336

Alternatives to #301336

#301336 Preview

Shades and Tints of #301336

Tones of #301336

Color Blindness Simulator