colorhexa.com

#3a1bf2 hex color

In a RGB color space, hex #3a1bf2 is composed of 22.7% red, 10.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 88.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 248.7 degrees, a saturation of 89.2% and a lightness of 52.7%. #3a1bf2 color hex could be obtained by blending #7436ff with #0000e5. Closest websafe color is: #3333ff.

- R 23
- G 11
- B 95
RGB color chart
- C 76
- M 89
- Y 0
- K 5
CMYK color chart

● #3a1bf2 color description : Vivid blue.

The hexadecimal color #3a1bf2 has RGB values of R:58, G:27, B:242 and CMYK values of C:0.76, M:0.89, Y:0, K:0.05. Its decimal value is 3808242.

Hex triplet	3a1bf2	`#3a1bf2`
RGB Decimal	58, 27, 242	`rgb(58,27,242)`
RGB Percent	22.7, 10.6, 94.9	`rgb(22.7%,10.6%,94.9%)`
CMYK	76, 89, 0, 5
HSL	248.7°, 89.2, 52.7	`hsl(248.7,89.2%,52.7%)`
HSV (or HSB)	248.7°, 88.8, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	34.176, 71.708, -97.358
XYZ	18.161, 8.093, 84.605
xyY	0.164, 0.073, 8.093
CIE-LCH	34.176, 120.916, 306.373
CIE-LUV	34.176, -5.852, -125.81
Hunter-Lab	28.448, 64.165, -156.412
Binary	00111010, 00011011, 11110010

#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#d3f21b
```
#d3f21b rgb(211,242,27)
```

Complementary Color

#1b68f2
```
#1b68f2 rgb(27,104,242)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#a61bf2
```
#a61bf2 rgb(166,27,242)
```

Analogous Color

#68f21b
```
#68f21b rgb(104,242,27)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#f2a61b
```
#f2a61b rgb(242,166,27)
```

Split Complementary Color

#1bf23a
```
#1bf23a rgb(27,242,58)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#f23a1b
```
#f23a1b rgb(242,58,27)
```

Triadic Color

#1bd3f2
```
#1bd3f2 rgb(27,211,242)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#f23a1b
```
#f23a1b rgb(242,58,27)
```
#d3f21b
```
#d3f21b rgb(211,242,27)
```

Tetradic Color

#230ab6
```
#230ab6 rgb(35,10,182)
```
#280cce
```
#280cce rgb(40,12,206)
```
#2c0de6
```
#2c0de6 rgb(44,13,230)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#4f33f3
```
#4f33f3 rgb(79,51,243)
```
#644bf5
```
#644bf5 rgb(100,75,245)
```
#7963f6
```
#7963f6 rgb(121,99,246)
```

Monochromatic Color

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

#1b32f2
```
#1b32f2 rgb(27,50,242)
```
#1b20f2
```
#1b20f2 rgb(27,32,242)
```
#281bf2
```
#281bf2 rgb(40,27,242)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#4c1bf2
```
#4c1bf2 rgb(76,27,242)
```
#5e1bf2
```
#5e1bf2 rgb(94,27,242)
```
#701bf2
```
#701bf2 rgb(112,27,242)
```

Similar Colors

Text with hexadecimal color #3a1bf2

This text has a font color of #3a1bf2.

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

#3a1bf2 background color

This paragraph has a background color of #3a1bf2.

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

#3a1bf2 border color

This element has a border color of #3a1bf2.

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

CSS codes

.text {color:#3a1bf2;}

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

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

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, #03010d is the darkest color, while #fafaff is the lightest one.

#03010d
```
#03010d rgb(3,1,13)
```
#060220
```
#060220 rgb(6,2,32)
```
#0a0332
```
#0a0332 rgb(10,3,50)
```
#0d0445
```
#0d0445 rgb(13,4,69)
```
#110557
```
#110557 rgb(17,5,87)
```
#14066a
```
#14066a rgb(20,6,106)
```
#18077d
```
#18077d rgb(24,7,125)
```
#1c088f
```
#1c088f rgb(28,8,143)
```
#1f09a2
```
#1f09a2 rgb(31,9,162)
```
#230ab4
```
#230ab4 rgb(35,10,180)
```
#260bc7
```
#260bc7 rgb(38,11,199)
```
#2a0cd9
```
#2a0cd9 rgb(42,12,217)
```
#2e0dec
```
#2e0dec rgb(46,13,236)
```

Shade Color Variation

#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#4a2ef3
```
#4a2ef3 rgb(74,46,243)
```
#5a40f4
```
#5a40f4 rgb(90,64,244)
```
#6a53f5
```
#6a53f5 rgb(106,83,245)
```
#7a65f6
```
#7a65f6 rgb(122,101,246)
```
#8a78f7
```
#8a78f7 rgb(138,120,247)
```
#9a8af8
```
#9a8af8 rgb(154,138,248)
```
#aa9df9
```
#aa9df9 rgb(170,157,249)
```
#baaffa
```
#baaffa rgb(186,175,250)
```
#cac2fc
```
#cac2fc rgb(202,194,252)
```
#dad5fd
```
#dad5fd rgb(218,213,253)
```
#eae7fe
```
#eae7fe rgb(234,231,254)
```
#fafaff
```
#fafaff rgb(250,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83818c is the less saturated color, while #3312fb is the most saturated one.

#83818c
```
#83818c rgb(131,129,140)
```
#7c7895
```
#7c7895 rgb(124,120,149)
```
#756e9f
```
#756e9f rgb(117,110,159)
```
#6f65a8
```
#6f65a8 rgb(111,101,168)
```
#685cb1
```
#685cb1 rgb(104,92,177)
```
#6253ba
```
#6253ba rgb(98,83,186)
```
#5b49c4
```
#5b49c4 rgb(91,73,196)
```
#5440cd
```
#5440cd rgb(84,64,205)
```
#4e37d6
```
#4e37d6 rgb(78,55,214)
```
#472edf
```
#472edf rgb(71,46,223)
```
#4124e9
```
#4124e9 rgb(65,36,233)
```
#3a1bf2
```
#3a1bf2 rgb(58,27,242)
```
#3312fb
```
#3312fb rgb(51,18,251)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3c3661 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

#1541c3 Protanomaly 1% of men, 0.01% of women
#1544b4 Deuteranomaly 6% of men, 0.4% of women
#154899 Tritanomaly 0.01% of the population