#300d63 hex color

In a RGB color space, hex #300d63 is composed of 18.8% red, 5.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 86.9% magenta, 0% yellow and 61.2% black. It has a hue angle of 264.4 degrees, a saturation of 76.8% and a lightness of 22%. #300d63 color hex could be obtained by blending #601ac6 with #000000. Closest websafe color is: #330066.

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

● #300d63 color description : Very dark violet.

The hexadecimal color #300d63 has RGB values of R:48, G:13, B:99 and CMYK values of C:0.52, M:0.87, Y:0, K:0.61. Its decimal value is 3149155.

Hex triplet	300d63	`#300d63`
RGB Decimal	48, 13, 99	`rgb(48,13,99)`
RGB Percent	18.8, 5.1, 38.8	`rgb(18.8%,5.1%,38.8%)`
CMYK	52, 87, 0, 61
HSL	264.4°, 76.8, 22	`hsl(264.4,76.8%,22%)`
HSV (or HSB)	264.4°, 86.9, 38.8
Web Safe	330066	`#330066`

CIE-LAB	14.496, 36.693, -43.214
XYZ	3.615, 1.817, 11.964
xyY	0.208, 0.104, 1.817
CIE-LCH	14.496, 56.69, 310.335
CIE-LUV	14.496, 3.529, -42.097
Hunter-Lab	13.48, 24.275, -43.187
Binary	00110000, 00001101, 01100011

#300d63
```
#300d63 rgb(48,13,99)
```
#40630d
```
#40630d rgb(64,99,13)
```

Complementary Color

#0d1563
```
#0d1563 rgb(13,21,99)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#5b0d63
```
#5b0d63 rgb(91,13,99)
```

Analogous Color

#15630d
```
#15630d rgb(21,99,13)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#635b0d
```
#635b0d rgb(99,91,13)
```

Split Complementary Color

#0d6330
```
#0d6330 rgb(13,99,48)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#63300d
```
#63300d rgb(99,48,13)
```

Triadic Color

#0d4063
```
#0d4063 rgb(13,64,99)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#63300d
```
#63300d rgb(99,48,13)
```
#40630d
```
#40630d rgb(64,99,13)
```

Tetradic Color

#0f041f
```
#0f041f rgb(15,4,31)
```
#1a0736
```
#1a0736 rgb(26,7,54)
```
#250a4c
```
#250a4c rgb(37,10,76)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#3b107a
```
#3b107a rgb(59,16,122)
```
#461390
```
#461390 rgb(70,19,144)
```
#5116a7
```
#5116a7 rgb(81,22,167)
```

Monochromatic Color

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

#1b0d63
```
#1b0d63 rgb(27,13,99)
```
#220d63
```
#220d63 rgb(34,13,99)
```
#290d63
```
#290d63 rgb(41,13,99)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#370d63
```
#370d63 rgb(55,13,99)
```
#3e0d63
```
#3e0d63 rgb(62,13,99)
```
#460d63
```
#460d63 rgb(70,13,99)
```

Similar Colors

Text with hexadecimal color #300d63

This text has a font color of #300d63.

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

#300d63 background color

This paragraph has a background color of #300d63.

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

#300d63 border color

This element has a border color of #300d63.

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

CSS codes

.text {color:#300d63;}

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

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

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

#06020c
```
#06020c rgb(6,2,12)
```
#0e041e
```
#0e041e rgb(14,4,30)
```
#17062f
```
#17062f rgb(23,6,47)
```
#1f0840
```
#1f0840 rgb(31,8,64)
```
#280b52
```
#280b52 rgb(40,11,82)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#380f74
```
#380f74 rgb(56,15,116)
```
#411286
```
#411286 rgb(65,18,134)
```
#491497
```
#491497 rgb(73,20,151)
```
#5216a8
```
#5216a8 rgb(82,22,168)
```
#5a18ba
```
#5a18ba rgb(90,24,186)
```
#621bcb
```
#621bcb rgb(98,27,203)
```
#6b1ddc
```
#6b1ddc rgb(107,29,220)
```

Shade Color Variation

#752ae3
```
#752ae3 rgb(117,42,227)
```
#803be5
```
#803be5 rgb(128,59,229)
```
#8c4de8
```
#8c4de8 rgb(140,77,232)
```
#975eea
```
#975eea rgb(151,94,234)
```
#a26fec
```
#a26fec rgb(162,111,236)
```
#ad81ee
```
#ad81ee rgb(173,129,238)
```
#b892f1
```
#b892f1 rgb(184,146,241)
```
#c4a3f3
```
#c4a3f3 rgb(196,163,243)
```
#cfb5f5
```
#cfb5f5 rgb(207,181,245)
```
#dac6f8
```
#dac6f8 rgb(218,198,248)
```
#e5d7fa
```
#e5d7fa rgb(229,215,250)
```
#f1e9fc
```
#f1e9fc rgb(241,233,252)
```
#fcfafe
```
#fcfafe rgb(252,250,254)
```

Tint Color Variation

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

#37343c
```
#37343c rgb(55,52,60)
```
#362f41
```
#362f41 rgb(54,47,65)
```
#362b45
```
#362b45 rgb(54,43,69)
```
#352749
```
#352749 rgb(53,39,73)
```
#34234d
```
#34234d rgb(52,35,77)
```
#331e52
```
#331e52 rgb(51,30,82)
```
#321a56
```
#321a56 rgb(50,26,86)
```
#32165a
```
#32165a rgb(50,22,90)
```
#31115f
```
#31115f rgb(49,17,95)
```
#300d63
```
#300d63 rgb(48,13,99)
```
#2f0967
```
#2f0967 rgb(47,9,103)
```
#2e046c
```
#2e046c rgb(46,4,108)
```
#2e0070
```
#2e0070 rgb(46,0,112)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#241d2e Atypical Achromatopsia 0.001% of the population

Dichromacy

#002e5a Protanopia 1% of men
#00314f Deuteranopia 1% of men
#273135 Tritanopia 0.001% of the population

Trichromacy

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

#300d63 hex color

#300d63 Color Information

#300d63 Color Conversion

Color Schemes with #300d63

Alternatives to #300d63

#300d63 Preview

Shades and Tints of #300d63

Tones of #300d63

Color Blindness Simulator