#3a0bf2 hex color

In a RGB color space, hex #3a0bf2 is composed of 22.7% red, 4.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 95.5% magenta, 0% yellow and 5.1% black. It has a hue angle of 252.2 degrees, a saturation of 91.3% and a lightness of 49.6%. #3a0bf2 color hex could be obtained by blending #7416ff with #0000e5. Closest websafe color is: #3300ff.

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

● #3a0bf2 color description : Vivid blue.

The hexadecimal color #3a0bf2 has RGB values of R:58, G:11, B:242 and CMYK values of C:0.76, M:0.95, Y:0, K:0.05. Its decimal value is 3804146.

Hex triplet	3a0bf2	`#3a0bf2`
RGB Decimal	58, 11, 242	`rgb(58,11,242)`
RGB Percent	22.7, 4.3, 94.9	`rgb(22.7%,4.3%,94.9%)`
CMYK	76, 95, 0, 5
HSL	252.2°, 91.3, 49.6	`hsl(252.2,91.3%,49.6%)`
HSV (or HSB)	252.2°, 95.5, 94.9
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.025, 75.225, -99.278
XYZ	17.889, 7.549, 84.514
xyY	0.163, 0.069, 7.549
CIE-LCH	33.025, 124.559, 307.152
CIE-LUV	33.025, -5.075, -125.241
Hunter-Lab	27.475, 68.138, -163.147
Binary	00111010, 00001011, 11110010

#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#c3f20b
```
#c3f20b rgb(195,242,11)
```

Complementary Color

#0b50f2
```
#0b50f2 rgb(11,80,242)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#ae0bf2
```
#ae0bf2 rgb(174,11,242)
```

Analogous Color

#50f20b
```
#50f20b rgb(80,242,11)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#f2ae0b
```
#f2ae0b rgb(242,174,11)
```

Split Complementary Color

#0bf23a
```
#0bf23a rgb(11,242,58)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#f23a0b
```
#f23a0b rgb(242,58,11)
```

Triadic Color

#0bc3f2
```
#0bc3f2 rgb(11,195,242)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#f23a0b
```
#f23a0b rgb(242,58,11)
```
#c3f20b
```
#c3f20b rgb(195,242,11)
```

Tetradic Color

#2808a9
```
#2808a9 rgb(40,8,169)
```
#2e09c1
```
#2e09c1 rgb(46,9,193)
```
#340ada
```
#340ada rgb(52,10,218)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#4d22f5
```
#4d22f5 rgb(77,34,245)
```
#603af6
```
#603af6 rgb(96,58,246)
```
#7452f7
```
#7452f7 rgb(116,82,247)
```

Monochromatic Color

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

#0b16f2
```
#0b16f2 rgb(11,22,242)
```
#140bf2
```
#140bf2 rgb(20,11,242)
```
#270bf2
```
#270bf2 rgb(39,11,242)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#4d0bf2
```
#4d0bf2 rgb(77,11,242)
```
#600bf2
```
#600bf2 rgb(96,11,242)
```
#740bf2
```
#740bf2 rgb(116,11,242)
```

Similar Colors

Text with hexadecimal color #3a0bf2

This text has a font color of #3a0bf2.

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

#3a0bf2 background color

This paragraph has a background color of #3a0bf2.

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

#3a0bf2 border color

This element has a border color of #3a0bf2.

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

CSS codes

.text {color:#3a0bf2;}

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

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

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

#040111
```
#040111 rgb(4,1,17)
```
#090224
```
#090224 rgb(9,2,36)
```
#0d0236
```
#0d0236 rgb(13,2,54)
```
#120349
```
#120349 rgb(18,3,73)
```
#16045c
```
#16045c rgb(22,4,92)
```
#1b056f
```
#1b056f rgb(27,5,111)
```
#1f0681
```
#1f0681 rgb(31,6,129)
```
#240794
```
#240794 rgb(36,7,148)
```
#2808a7
```
#2808a7 rgb(40,8,167)
```
#2d08ba
```
#2d08ba rgb(45,8,186)
```
#3109cc
```
#3109cc rgb(49,9,204)
```
#360adf
```
#360adf rgb(54,10,223)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```

Shade Color Variation

#481cf5
```
#481cf5 rgb(72,28,245)
```
#572ff6
```
#572ff6 rgb(87,47,246)
```
#6641f6
```
#6641f6 rgb(102,65,246)
```
#7554f7
```
#7554f7 rgb(117,84,247)
```
#8567f8
```
#8567f8 rgb(133,103,248)
```
#947af9
```
#947af9 rgb(148,122,249)
```
#a38dfa
```
#a38dfa rgb(163,141,250)
```
#b29ffb
```
#b29ffb rgb(178,159,251)
```
#c1b2fc
```
#c1b2fc rgb(193,178,252)
```
#d0c5fc
```
#d0c5fc rgb(208,197,252)
```
#dfd8fd
```
#dfd8fd rgb(223,216,253)
```
#eeeafe
```
#eeeafe rgb(238,234,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#797687
```
#797687 rgb(121,118,135)
```
#746c91
```
#746c91 rgb(116,108,145)
```
#6e639a
```
#6e639a rgb(110,99,154)
```
#6859a4
```
#6859a4 rgb(104,89,164)
```
#624fae
```
#624fae rgb(98,79,174)
```
#5d45b8
```
#5d45b8 rgb(93,69,184)
```
#573cc1
```
#573cc1 rgb(87,60,193)
```
#5132cb
```
#5132cb rgb(81,50,203)
```
#4b28d5
```
#4b28d5 rgb(75,40,213)
```
#461edf
```
#461edf rgb(70,30,223)
```
#4015e8
```
#4015e8 rgb(64,21,232)
```
#3a0bf2
```
#3a0bf2 rgb(58,11,242)
```
#3401fc
```
#3401fc rgb(52,1,252)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#342b59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a3 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#1539c0 Protanomaly 1% of men, 0.01% of women
#153cb1 Deuteranomaly 6% of men, 0.4% of women
#154097 Tritanomaly 0.01% of the population

#3a0bf2 hex color

#3a0bf2 Color Information

#3a0bf2 Color Conversion

Color Schemes with #3a0bf2

Alternatives to #3a0bf2

#3a0bf2 Preview

Shades and Tints of #3a0bf2

Tones of #3a0bf2

Color Blindness Simulator