#300e63 hex color

In a RGB color space, hex #300e63 is composed of 18.8% red, 5.5% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 85.9% magenta, 0% yellow and 61.2% black. It has a hue angle of 264 degrees, a saturation of 75.2% and a lightness of 22.2%. #300e63 color hex could be obtained by blending #601cc6 with #000000. Closest websafe color is: #330066.

♥
- f
- t
- g
- R 19
- G 5
- B 39
RGB color chart
- C 52
- M 86
- Y 0
- K 61
CMYK color chart

● #300e63 color description : Very dark violet.

The hexadecimal color #300e63 has RGB values of R:48, G:14, B:99 and CMYK values of C:0.52, M:0.86, Y:0, K:0.61. Its decimal value is 3149411.

Hex triplet	300e63	`#300e63`
RGB Decimal	48, 14, 99	`rgb(48,14,99)`
RGB Percent	18.8, 5.5, 38.8	`rgb(18.8%,5.5%,38.8%)`
CMYK	52, 86, 0, 61
HSL	264°, 75.2, 22.2	`hsl(264,75.2%,22.2%)`
HSV (or HSB)	264°, 85.9, 38.8
Web Safe	330066	`#330066`

CIE-LAB	14.642, 36.267, -42.973
XYZ	3.628, 1.843, 11.968
xyY	0.208, 0.106, 1.843
CIE-LCH	14.642, 56.231, 310.162
CIE-LUV	14.642, 3.455, -42.144
Hunter-Lab	13.577, 23.936, -42.762
Binary	00110000, 00001110, 01100011

#300e63
```
#300e63 rgb(48,14,99)
```
#41630e
```
#41630e rgb(65,99,14)
```

Complementary Color

#0e1763
```
#0e1763 rgb(14,23,99)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#5b0e63
```
#5b0e63 rgb(91,14,99)
```

Analogous Color

#17630e
```
#17630e rgb(23,99,14)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#635b0e
```
#635b0e rgb(99,91,14)
```

Split Complementary Color

#0e6330
```
#0e6330 rgb(14,99,48)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#63300e
```
#63300e rgb(99,48,14)
```

Triadic Color

#0e4163
```
#0e4163 rgb(14,65,99)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#63300e
```
#63300e rgb(99,48,14)
```
#41630e
```
#41630e rgb(65,99,14)
```

Tetradic Color

#100520
```
#100520 rgb(16,5,32)
```
#1a0836
```
#1a0836 rgb(26,8,54)
```
#250b4d
```
#250b4d rgb(37,11,77)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#3b1179
```
#3b1179 rgb(59,17,121)
```
#461490
```
#461490 rgb(70,20,144)
```
#5017a6
```
#5017a6 rgb(80,23,166)
```

Monochromatic Color

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

#1b0e63
```
#1b0e63 rgb(27,14,99)
```
#220e63
```
#220e63 rgb(34,14,99)
```
#290e63
```
#290e63 rgb(41,14,99)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#370e63
```
#370e63 rgb(55,14,99)
```
#3e0e63
```
#3e0e63 rgb(62,14,99)
```
#450e63
```
#450e63 rgb(69,14,99)
```

Similar Colors

Text with hexadecimal color #300e63

This text has a font color of #300e63.

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

#300e63 background color

This paragraph has a background color of #300e63.

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

#300e63 border color

This element has a border color of #300e63.

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

CSS codes

.text {color:#300e63;}

.background {background-color:#300e63;}

.border {border:1px solid #300e63;}

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

#06020d
```
#06020d rgb(6,2,13)
```
#0f041e
```
#0f041e rgb(15,4,30)
```
#17072f
```
#17072f rgb(23,7,47)
```
#1f0941
```
#1f0941 rgb(31,9,65)
```
#280c52
```
#280c52 rgb(40,12,82)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#381074
```
#381074 rgb(56,16,116)
```
#411385
```
#411385 rgb(65,19,133)
```
#491597
```
#491597 rgb(73,21,151)
```
#5118a8
```
#5118a8 rgb(81,24,168)
```
#5a1ab9
```
#5a1ab9 rgb(90,26,185)
```
#621dca
```
#621dca rgb(98,29,202)
```
#6a1fdb
```
#6a1fdb rgb(106,31,219)
```

Shade Color Variation

#752de1
```
#752de1 rgb(117,45,225)
```
#803ee4
```
#803ee4 rgb(128,62,228)
```
#8b4fe6
```
#8b4fe6 rgb(139,79,230)
```
#9760e9
```
#9760e9 rgb(151,96,233)
```
#a271eb
```
#a271eb rgb(162,113,235)
```
#ad83ed
```
#ad83ed rgb(173,131,237)
```
#b994f0
```
#b994f0 rgb(185,148,240)
```
#c4a5f2
```
#c4a5f2 rgb(196,165,242)
```
#cfb6f5
```
#cfb6f5 rgb(207,182,245)
```
#dac7f7
```
#dac7f7 rgb(218,199,247)
```
#e6d9fa
```
#e6d9fa rgb(230,217,250)
```
#f1eafc
```
#f1eafc rgb(241,234,252)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#38353c
```
#38353c rgb(56,53,60)
```
#373140
```
#373140 rgb(55,49,64)
```
#362c45
```
#362c45 rgb(54,44,69)
```
#352849
```
#352849 rgb(53,40,73)
```
#34244d
```
#34244d rgb(52,36,77)
```
#331f52
```
#331f52 rgb(51,31,82)
```
#331b56
```
#331b56 rgb(51,27,86)
```
#32175a
```
#32175a rgb(50,23,90)
```
#31125f
```
#31125f rgb(49,18,95)
```
#300e63
```
#300e63 rgb(48,14,99)
```
#2f0a67
```
#2f0a67 rgb(47,10,103)
```
#2e056c
```
#2e056c rgb(46,5,108)
```
#2d0170
```
#2d0170 rgb(45,1,112)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#251e2f Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5b Protanopia 1% of men
#00314f Deuteranopia 1% of men
#283135 Tritanopia 0.001% of the population

Trichromacy

#11225e Protanomaly 1% of men, 0.01% of women
#112456 Deuteranomaly 6% of men, 0.4% of women
#2a2446 Tritanomaly 0.01% of the population

#300e63 hex color

#300e63 Color Information

#300e63 Color Conversion

Color Schemes with #300e63

Alternatives to #300e63

#300e63 Preview

Shades and Tints of #300e63

Tones of #300e63

Color Blindness Simulator