#301a63 hex color

In a RGB color space, hex #301a63 is composed of 18.8% red, 10.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 73.7% magenta, 0% yellow and 61.2% black. It has a hue angle of 258.1 degrees, a saturation of 58.4% and a lightness of 24.5%. #301a63 color hex could be obtained by blending #6034c6 with #000000. Closest websafe color is: #333366.

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

● #301a63 color description : Very dark violet.

The hexadecimal color #301a63 has RGB values of R:48, G:26, B:99 and CMYK values of C:0.52, M:0.74, Y:0, K:0.61. Its decimal value is 3152483.

Hex triplet	301a63	`#301a63`
RGB Decimal	48, 26, 99	`rgb(48,26,99)`
RGB Percent	18.8, 10.2, 38.8	`rgb(18.8%,10.2%,38.8%)`
CMYK	52, 74, 0, 61
HSL	258.1°, 58.4, 24.5	`hsl(258.1,58.4%,24.5%)`
HSV (or HSB)	258.1°, 73.7, 38.8
Web Safe	333366	`#333366`

CIE-LAB	16.835, 30.038, -39.381
XYZ	3.84, 2.268, 12.039
xyY	0.212, 0.125, 2.268
CIE-LCH	16.835, 49.53, 307.334
CIE-LUV	16.835, 2.144, -42.111
Hunter-Lab	15.06, 19.161, -36.856
Binary	00110000, 00011010, 01100011

#301a63
```
#301a63 rgb(48,26,99)
```
#4d631a
```
#4d631a rgb(77,99,26)
```

Complementary Color

#1a2963
```
#1a2963 rgb(26,41,99)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#541a63
```
#541a63 rgb(84,26,99)
```

Analogous Color

#29631a
```
#29631a rgb(41,99,26)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#63541a
```
#63541a rgb(99,84,26)
```

Split Complementary Color

#1a6330
```
#1a6330 rgb(26,99,48)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#63301a
```
#63301a rgb(99,48,26)
```

Triadic Color

#1a4d63
```
#1a4d63 rgb(26,77,99)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#63301a
```
#63301a rgb(99,48,26)
```
#4d631a
```
#4d631a rgb(77,99,26)
```

Tetradic Color

#130a26
```
#130a26 rgb(19,10,38)
```
#1c0f3b
```
#1c0f3b rgb(28,15,59)
```
#26154f
```
#26154f rgb(38,21,79)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#3a1f77
```
#3a1f77 rgb(58,31,119)
```
#44258b
```
#44258b rgb(68,37,139)
```
#4d2aa0
```
#4d2aa0 rgb(77,42,160)
```

Monochromatic Color

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

#1e1a63
```
#1e1a63 rgb(30,26,99)
```
#241a63
```
#241a63 rgb(36,26,99)
```
#2a1a63
```
#2a1a63 rgb(42,26,99)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#361a63
```
#361a63 rgb(54,26,99)
```
#3c1a63
```
#3c1a63 rgb(60,26,99)
```
#421a63
```
#421a63 rgb(66,26,99)
```

Similar Colors

Text with hexadecimal color #301a63

This text has a font color of #301a63.

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

#301a63 background color

This paragraph has a background color of #301a63.

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

#301a63 border color

This element has a border color of #301a63.

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

CSS codes

.text {color:#301a63;}

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

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

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, #030206 is the darkest color, while #f7f5fc is the lightest one.

#030206
```
#030206 rgb(3,2,6)
```
#0a0615
```
#0a0615 rgb(10,6,21)
```
#120a25
```
#120a25 rgb(18,10,37)
```
#190e34
```
#190e34 rgb(25,14,52)
```
#211244
```
#211244 rgb(33,18,68)
```
#281653
```
#281653 rgb(40,22,83)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#381e73
```
#381e73 rgb(56,30,115)
```
#3f2282
```
#3f2282 rgb(63,34,130)
```
#472692
```
#472692 rgb(71,38,146)
```
#4e2aa1
```
#4e2aa1 rgb(78,42,161)
```
#562eb1
```
#562eb1 rgb(86,46,177)
```
#5d32c0
```
#5d32c0 rgb(93,50,192)
```

Shade Color Variation

#663bcb
```
#663bcb rgb(102,59,203)
```
#734ad0
```
#734ad0 rgb(115,74,208)
```
#7f5ad4
```
#7f5ad4 rgb(127,90,212)
```
#8b69d8
```
#8b69d8 rgb(139,105,216)
```
#9779dc
```
#9779dc rgb(151,121,220)
```
#a389e0
```
#a389e0 rgb(163,137,224)
```
#af98e4
```
#af98e4 rgb(175,152,228)
```
#bba8e8
```
#bba8e8 rgb(187,168,232)
```
#c7b7ec
```
#c7b7ec rgb(199,183,236)
```
#d3c7f0
```
#d3c7f0 rgb(211,199,240)
```
#dfd6f4
```
#dfd6f4 rgb(223,214,244)
```
#ebe6f8
```
#ebe6f8 rgb(235,230,248)
```
#f7f5fc
```
#f7f5fc rgb(247,245,252)
```

Tint Color Variation

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

#3d3c41
```
#3d3c41 rgb(61,60,65)
```
#3b3746
```
#3b3746 rgb(59,55,70)
```
#3a324b
```
#3a324b rgb(58,50,75)
```
#382d50
```
#382d50 rgb(56,45,80)
```
#362855
```
#362855 rgb(54,40,85)
```
#342459
```
#342459 rgb(52,36,89)
```
#321f5e
```
#321f5e rgb(50,31,94)
```
#301a63
```
#301a63 rgb(48,26,99)
```
#2e1568
```
#2e1568 rgb(46,21,104)
```
#2c106d
```
#2c106d rgb(44,16,109)
```
#2a0c71
```
#2a0c71 rgb(42,12,113)
```
#280776
```
#280776 rgb(40,7,118)
```
#26027b
```
#26027b rgb(38,2,123)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#2a2635 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003363 Protanopia 1% of men
#003557 Deuteranopia 1% of men
#29363a Tritanopia 0.001% of the population

Trichromacy

#112963 Protanomaly 1% of men, 0.01% of women
#112b5b Deuteranomaly 6% of men, 0.4% of women
#2b2c49 Tritanomaly 0.01% of the population

#301a63 hex color

#301a63 Color Information

#301a63 Color Conversion

Color Schemes with #301a63

Alternatives to #301a63

#301a63 Preview

Shades and Tints of #301a63

Tones of #301a63

Color Blindness Simulator