#3a15f6 hex color

In a RGB color space, hex #3a15f6 is composed of 22.7% red, 8.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 91.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 249.9 degrees, a saturation of 92.6% and a lightness of 52.4%. #3a15f6 color hex could be obtained by blending #742aff with #0000ed. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 23
- G 8
- B 96
RGB color chart
- C 76
- M 91
- Y 0
- K 4
CMYK color chart

● #3a15f6 color description : Vivid blue.

The hexadecimal color #3a15f6 has RGB values of R:58, G:21, B:246 and CMYK values of C:0.76, M:0.91, Y:0, K:0.04. Its decimal value is 3806710.

Hex triplet	3a15f6	`#3a15f6`
RGB Decimal	58, 21, 246	`rgb(58,21,246)`
RGB Percent	22.7, 8.2, 96.5	`rgb(22.7%,8.2%,96.5%)`
CMYK	76, 91, 0, 4
HSL	249.9°, 92.6, 52.4	`hsl(249.9,92.6%,52.4%)`
HSV (or HSB)	249.9°, 91.5, 96.5
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.167, 74.283, -99.634
XYZ	18.644, 8.089, 87.762
xyY	0.163, 0.071, 8.089
CIE-LCH	34.167, 124.277, 306.706
CIE-LUV	34.167, -5.731, -127.838
Hunter-Lab	28.44, 67.247, -163.051
Binary	00111010, 00010101, 11110110

#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#d1f615
```
#d1f615 rgb(209,246,21)
```

Complementary Color

#1560f6
```
#1560f6 rgb(21,96,246)
```
#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#ab15f6
```
#ab15f6 rgb(171,21,246)
```

Analogous Color

#61f615
```
#61f615 rgb(97,246,21)
```
#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#f6ab15
```
#f6ab15 rgb(246,171,21)
```

Split Complementary Color

#15f63a
```
#15f63a rgb(21,246,58)
```
#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#f63a15
```
#f63a15 rgb(246,58,21)
```

Triadic Color

#15d1f6
```
#15d1f6 rgb(21,209,246)
```
#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#f63a15
```
#f63a15 rgb(246,58,21)
```
#d1f615
```
#d1f615 rgb(209,246,21)
```

Tetradic Color

#2407b7
```
#2407b7 rgb(36,7,183)
```
#2908d0
```
#2908d0 rgb(41,8,208)
```
#2e09e9
```
#2e09e9 rgb(46,9,233)
```
#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#4f2ef7
```
#4f2ef7 rgb(79,46,247)
```
#6346f8
```
#6346f8 rgb(99,70,248)
```
#785ff9
```
#785ff9 rgb(120,95,249)
```

Monochromatic Color

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

#1528f6
```
#1528f6 rgb(21,40,246)
```
#1516f6
```
#1516f6 rgb(21,22,246)
```
#2715f6
```
#2715f6 rgb(39,21,246)
```
#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#4d15f6
```
#4d15f6 rgb(77,21,246)
```
#6015f6
```
#6015f6 rgb(96,21,246)
```
#7215f6
```
#7215f6 rgb(114,21,246)
```

Similar Colors

Text with hexadecimal color #3a15f6

This text has a font color of #3a15f6.

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

#3a15f6 background color

This paragraph has a background color of #3a15f6.

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

#3a15f6 border color

This element has a border color of #3a15f6.

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

CSS codes

.text {color:#3a15f6;}

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

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

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

#02000c
```
#02000c rgb(2,0,12)
```
#06011e
```
#06011e rgb(6,1,30)
```
#0a0231
```
#0a0231 rgb(10,2,49)
```
#0d0344
```
#0d0344 rgb(13,3,68)
```
#110357
```
#110357 rgb(17,3,87)
```
#15046a
```
#15046a rgb(21,4,106)
```
#19057d
```
#19057d rgb(25,5,125)
```
#1c0690
```
#1c0690 rgb(28,6,144)
```
#2006a3
```
#2006a3 rgb(32,6,163)
```
#2407b6
```
#2407b6 rgb(36,7,182)
```
#2708c8
```
#2708c8 rgb(39,8,200)
```
#2b08db
```
#2b08db rgb(43,8,219)
```
#2f09ee
```
#2f09ee rgb(47,9,238)
```

Shade Color Variation

#3a15f6
```
#3a15f6 rgb(58,21,246)
```
#4a28f7
```
#4a28f7 rgb(74,40,247)
```
#5a3bf7
```
#5a3bf7 rgb(90,59,247)
```
#6a4ef8
```
#6a4ef8 rgb(106,78,248)
```
#7a61f9
```
#7a61f9 rgb(122,97,249)
```
#8a73fa
```
#8a73fa rgb(138,115,250)
```
#9986fa
```
#9986fa rgb(153,134,250)
```
#a999fb
```
#a999fb rgb(169,153,251)
```
#b9acfc
```
#b9acfc rgb(185,172,252)
```
#c9bffd
```
#c9bffd rgb(201,191,253)
```
#d9d2fd
```
#d9d2fd rgb(217,210,253)
```
#e9e5fe
```
#e9e5fe rgb(233,229,254)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

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

#858586
```
#858586 rgb(133,133,134)
```
#7f7c8f
```
#7f7c8f rgb(127,124,143)
```
#797299
```
#797299 rgb(121,114,153)
```
#7269a2
```
#7269a2 rgb(114,105,162)
```
#6c60ab
```
#6c60ab rgb(108,96,171)
```
#6656b5
```
#6656b5 rgb(102,86,181)
```
#604dbe
```
#604dbe rgb(96,77,190)
```
#5944c7
```
#5944c7 rgb(89,68,199)
```
#533ad1
```
#533ad1 rgb(83,58,209)
```
#4d31da
```
#4d31da rgb(77,49,218)
```
#4728e3
```
#4728e3 rgb(71,40,227)
```
#401eed
```
#401eed rgb(64,30,237)
```
#3a15f6
```
#3a15f6 rgb(58,21,246)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3a3360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057a8 Protanopia 1% of men
#005c91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#153fc4 Protanomaly 1% of men, 0.01% of women
#1542b5 Deuteranomaly 6% of men, 0.4% of women
#15469a Tritanomaly 0.01% of the population

#3a15f6 hex color

#3a15f6 Color Information

#3a15f6 Color Conversion

Color Schemes with #3a15f6

Alternatives to #3a15f6

#3a15f6 Preview

Shades and Tints of #3a15f6

Tones of #3a15f6

Color Blindness Simulator