#3a1f63 hex color

In a RGB color space, hex #3a1f63 is composed of 22.7% red, 12.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 68.7% magenta, 0% yellow and 61.2% black. It has a hue angle of 263.8 degrees, a saturation of 52.3% and a lightness of 25.5%. #3a1f63 color hex could be obtained by blending #743ec6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 23
- G 12
- B 39
RGB color chart
- C 41
- M 69
- Y 0
- K 61
CMYK color chart

● #3a1f63 color description : Very dark violet.

The hexadecimal color #3a1f63 has RGB values of R:58, G:31, B:99 and CMYK values of C:0.41, M:0.69, Y:0, K:0.61. Its decimal value is 3809123.

Hex triplet	3a1f63	`#3a1f63`
RGB Decimal	58, 31, 99	`rgb(58,31,99)`
RGB Percent	22.7, 12.2, 38.8	`rgb(22.7%,12.2%,38.8%)`
CMYK	41, 69, 0, 61
HSL	263.8°, 52.3, 25.5	`hsl(263.8,52.3%,25.5%)`
HSV (or HSB)	263.8°, 68.7, 38.8
Web Safe	333366	`#333366`

CIE-LAB	19.142, 29.229, -35.576
XYZ	4.487, 2.78, 12.104
xyY	0.232, 0.144, 2.78
CIE-LCH	19.142, 46.043, 309.406
CIE-LUV	19.142, 4.898, -41.069
Hunter-Lab	16.674, 18.85, -31.367
Binary	00111010, 00011111, 01100011

#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#48631f
```
#48631f rgb(72,99,31)
```

Complementary Color

#1f2663
```
#1f2663 rgb(31,38,99)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#5c1f63
```
#5c1f63 rgb(92,31,99)
```

Analogous Color

#26631f
```
#26631f rgb(38,99,31)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#635c1f
```
#635c1f rgb(99,92,31)
```

Split Complementary Color

#1f633a
```
#1f633a rgb(31,99,58)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#633a1f
```
#633a1f rgb(99,58,31)
```

Triadic Color

#1f4863
```
#1f4863 rgb(31,72,99)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#633a1f
```
#633a1f rgb(99,58,31)
```
#48631f
```
#48631f rgb(72,99,31)
```

Tetradic Color

#180d29
```
#180d29 rgb(24,13,41)
```
#23133c
```
#23133c rgb(35,19,60)
```
#2f1950
```
#2f1950 rgb(47,25,80)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#452576
```
#452576 rgb(69,37,118)
```
#512b8a
```
#512b8a rgb(81,43,138)
```
#5c319d
```
#5c319d rgb(92,49,157)
```

Monochromatic Color

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

#291f63
```
#291f63 rgb(41,31,99)
```
#2f1f63
```
#2f1f63 rgb(47,31,99)
```
#341f63
```
#341f63 rgb(52,31,99)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#401f63
```
#401f63 rgb(64,31,99)
```
#451f63
```
#451f63 rgb(69,31,99)
```
#4b1f63
```
#4b1f63 rgb(75,31,99)
```

Similar Colors

Text with hexadecimal color #3a1f63

This text has a font color of #3a1f63.

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

#3a1f63 background color

This paragraph has a background color of #3a1f63.

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

#3a1f63 border color

This element has a border color of #3a1f63.

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

CSS codes

.text {color:#3a1f63;}

.background {background-color:#3a1f63;}

.border {border:1px solid #3a1f63;}

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

#050309
```
#050309 rgb(5,3,9)
```
#0e0818
```
#0e0818 rgb(14,8,24)
```
#170c27
```
#170c27 rgb(23,12,39)
```
#201136
```
#201136 rgb(32,17,54)
```
#281645
```
#281645 rgb(40,22,69)
```
#311a54
```
#311a54 rgb(49,26,84)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#432472
```
#432472 rgb(67,36,114)
```
#4c2881
```
#4c2881 rgb(76,40,129)
```
#542d90
```
#542d90 rgb(84,45,144)
```
#5d329f
```
#5d329f rgb(93,50,159)
```
#6636ae
```
#6636ae rgb(102,54,174)
```
#6f3bbd
```
#6f3bbd rgb(111,59,189)
```

Shade Color Variation

#7946c5
```
#7946c5 rgb(121,70,197)
```
#8355ca
```
#8355ca rgb(131,85,202)
```
#8e64ce
```
#8e64ce rgb(142,100,206)
```
#9973d3
```
#9973d3 rgb(153,115,211)
```
#a482d8
```
#a482d8 rgb(164,130,216)
```
#af91dd
```
#af91dd rgb(175,145,221)
```
#baa0e1
```
#baa0e1 rgb(186,160,225)
```
#c5afe6
```
#c5afe6 rgb(197,175,230)
```
#cfbeeb
```
#cfbeeb rgb(207,190,235)
```
#dacdef
```
#dacdef rgb(218,205,239)
```
#e5dcf4
```
#e5dcf4 rgb(229,220,244)
```
#f0eaf9
```
#f0eaf9 rgb(240,234,249)
```
#fbf9fd
```
#fbf9fd rgb(251,249,253)
```

Tint Color Variation

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

#403d45
```
#403d45 rgb(64,61,69)
```
#3f384a
```
#3f384a rgb(63,56,74)
```
#3e334f
```
#3e334f rgb(62,51,79)
```
#3d2e54
```
#3d2e54 rgb(61,46,84)
```
#3c2959
```
#3c2959 rgb(60,41,89)
```
#3b245e
```
#3b245e rgb(59,36,94)
```
#3a1f63
```
#3a1f63 rgb(58,31,99)
```
#391a68
```
#391a68 rgb(57,26,104)
```
#38156d
```
#38156d rgb(56,21,109)
```
#371072
```
#371072 rgb(55,16,114)
```
#360b77
```
#360b77 rgb(54,11,119)
```
#35067c
```
#35067c rgb(53,6,124)
```
#340181
```
#340181 rgb(52,1,129)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#312c39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00376c Protanopia 1% of men
#003a60 Deuteranopia 1% of men
#37393d Tritanopia 0.001% of the population

Trichromacy

#152e69 Protanomaly 1% of men, 0.01% of women
#153061 Deuteranomaly 6% of men, 0.4% of women
#382f4b Tritanomaly 0.01% of the population

#3a1f63 hex color

#3a1f63 Color Information

#3a1f63 Color Conversion

Color Schemes with #3a1f63

Alternatives to #3a1f63

#3a1f63 Preview

Shades and Tints of #3a1f63

Tones of #3a1f63

Color Blindness Simulator