#3a14f6 hex color

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

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

● #3a14f6 color description : Vivid blue.

The hexadecimal color #3a14f6 has RGB values of R:58, G:20, B:246 and CMYK values of C:0.76, M:0.92, Y:0, K:0.04. Its decimal value is 3806454.

Hex triplet	3a14f6	`#3a14f6`
RGB Decimal	58, 20, 246	`rgb(58,20,246)`
RGB Percent	22.7, 7.8, 96.5	`rgb(22.7%,7.8%,96.5%)`
CMYK	76, 92, 0, 4
HSL	250.1°, 92.6, 52.2	`hsl(250.1,92.6%,52.2%)`
HSV (or HSB)	250.1°, 91.9, 96.5
Web Safe	3300ff	`#3300ff`

CIE-LAB	34.092, 74.51, -99.759
XYZ	18.626, 8.053, 87.756
xyY	0.163, 0.07, 8.053
CIE-LCH	34.092, 124.513, 306.756
CIE-LUV	34.092, -5.681, -127.801
Hunter-Lab	28.377, 67.506, -163.491
Binary	00111010, 00010100, 11110110

#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#d0f614
```
#d0f614 rgb(208,246,20)
```

Complementary Color

#145ff6
```
#145ff6 rgb(20,95,246)
```
#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#ab14f6
```
#ab14f6 rgb(171,20,246)
```

Analogous Color

#5ff614
```
#5ff614 rgb(95,246,20)
```
#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#f6ab14
```
#f6ab14 rgb(246,171,20)
```

Split Complementary Color

#14f63a
```
#14f63a rgb(20,246,58)
```
#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#f63a14
```
#f63a14 rgb(246,58,20)
```

Triadic Color

#14d0f6
```
#14d0f6 rgb(20,208,246)
```
#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#f63a14
```
#f63a14 rgb(246,58,20)
```
#d0f614
```
#d0f614 rgb(208,246,20)
```

Tetradic Color

#2507b7
```
#2507b7 rgb(37,7,183)
```
#2908cf
```
#2908cf rgb(41,8,207)
```
#2e09e8
```
#2e09e8 rgb(46,9,232)
```
#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#4f2df7
```
#4f2df7 rgb(79,45,247)
```
#6345f8
```
#6345f8 rgb(99,69,248)
```
#785ef9
```
#785ef9 rgb(120,94,249)
```

Monochromatic Color

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

#1427f6
```
#1427f6 rgb(20,39,246)
```
#1414f6
```
#1414f6 rgb(20,20,246)
```
#2714f6
```
#2714f6 rgb(39,20,246)
```
#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#4d14f6
```
#4d14f6 rgb(77,20,246)
```
#6014f6
```
#6014f6 rgb(96,20,246)
```
#7314f6
```
#7314f6 rgb(115,20,246)
```

Similar Colors

Text with hexadecimal color #3a14f6

This text has a font color of #3a14f6.

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

#3a14f6 background color

This paragraph has a background color of #3a14f6.

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

#3a14f6 border color

This element has a border color of #3a14f6.

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

CSS codes

.text {color:#3a14f6;}

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

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

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

#02000b
```
#02000b rgb(2,0,11)
```
#06011d
```
#06011d rgb(6,1,29)
```
#0a0230
```
#0a0230 rgb(10,2,48)
```
#0d0343
```
#0d0343 rgb(13,3,67)
```
#110356
```
#110356 rgb(17,3,86)
```
#150469
```
#150469 rgb(21,4,105)
```
#19057c
```
#19057c rgb(25,5,124)
```
#1d058f
```
#1d058f rgb(29,5,143)
```
#2006a2
```
#2006a2 rgb(32,6,162)
```
#2407b5
```
#2407b5 rgb(36,7,181)
```
#2808c8
```
#2808c8 rgb(40,8,200)
```
#2c08da
```
#2c08da rgb(44,8,218)
```
#2f09ed
```
#2f09ed rgb(47,9,237)
```

Shade Color Variation

#3a14f6
```
#3a14f6 rgb(58,20,246)
```
#4a27f7
```
#4a27f7 rgb(74,39,247)
```
#5a3af7
```
#5a3af7 rgb(90,58,247)
```
#6a4df8
```
#6a4df8 rgb(106,77,248)
```
#7960f9
```
#7960f9 rgb(121,96,249)
```
#8972fa
```
#8972fa rgb(137,114,250)
```
#9985fa
```
#9985fa rgb(153,133,250)
```
#a998fb
```
#a998fb rgb(169,152,251)
```
#b9abfc
```
#b9abfc rgb(185,171,252)
```
#c9befd
```
#c9befd rgb(201,190,253)
```
#d8d1fd
```
#d8d1fd rgb(216,209,253)
```
#e8e4fe
```
#e8e4fe rgb(232,228,254)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

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

#858585
```
#858585 rgb(133,133,133)
```
#7f7b8f
```
#7f7b8f rgb(127,123,143)
```
#787298
```
#787298 rgb(120,114,152)
```
#7268a2
```
#7268a2 rgb(114,104,162)
```
#6c5fab
```
#6c5fab rgb(108,95,171)
```
#6656b4
```
#6656b4 rgb(102,86,180)
```
#5f4cbe
```
#5f4cbe rgb(95,76,190)
```
#5943c7
```
#5943c7 rgb(89,67,199)
```
#533ad0
```
#533ad0 rgb(83,58,208)
```
#4d30da
```
#4d30da rgb(77,48,218)
```
#4627e3
```
#4627e3 rgb(70,39,227)
```
#401ded
```
#401ded rgb(64,29,237)
```
#3a14f6
```
#3a14f6 rgb(58,20,246)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#39325f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006266 Tritanopia 0.001% of the population

Trichromacy

#153ec4 Protanomaly 1% of men, 0.01% of women
#1541b5 Deuteranomaly 6% of men, 0.4% of women
#15459a Tritanomaly 0.01% of the population

#3a14f6 hex color

#3a14f6 Color Information

#3a14f6 Color Conversion

Color Schemes with #3a14f6

Alternatives to #3a14f6

#3a14f6 Preview

Shades and Tints of #3a14f6

Tones of #3a14f6

Color Blindness Simulator