#3a2afb hex color

In a RGB color space, hex #3a2afb is composed of 22.7% red, 16.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 83.3% magenta, 0% yellow and 1.6% black. It has a hue angle of 244.6 degrees, a saturation of 96.3% and a lightness of 57.5%. #3a2afb color hex could be obtained by blending #7454ff with #0000f7. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 16
- B 98
RGB color chart
- C 77
- M 83
- Y 0
- K 2
CMYK color chart

● #3a2afb color description : Bright blue.

The hexadecimal color #3a2afb has RGB values of R:58, G:42, B:251 and CMYK values of C:0.77, M:0.83, Y:0, K:0.02. Its decimal value is 3812091.

Hex triplet	3a2afb	`#3a2afb`
RGB Decimal	58, 42, 251	`rgb(58,42,251)`
RGB Percent	22.7, 16.5, 98.4	`rgb(22.7%,16.5%,98.4%)`
CMYK	77, 83, 0, 2
HSL	244.6°, 96.3, 57.5	`hsl(244.6,96.3%,57.5%)`
HSV (or HSB)	244.6°, 83.3, 98.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.965, 69.007, -97.789
XYZ	19.982, 9.519, 92.046
xyY	0.164, 0.078, 9.519
CIE-LCH	36.965, 119.686, 305.21
CIE-LUV	36.965, -7.56, -131.257
Hunter-Lab	30.853, 61.612, -155.285
Binary	00111010, 00101010, 11111011

#3a2afb
```
#3a2afb rgb(58,42,251)
```
#ebfb2a
```
#ebfb2a rgb(235,251,42)
```

Complementary Color

#2a83fb
```
#2a83fb rgb(42,131,251)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#a32afb
```
#a32afb rgb(163,42,251)
```

Analogous Color

#83fb2a
```
#83fb2a rgb(131,251,42)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#fba32a
```
#fba32a rgb(251,163,42)
```

Split Complementary Color

#2afb3a
```
#2afb3a rgb(42,251,58)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#fb3a2a
```
#fb3a2a rgb(251,58,42)
```

Triadic Color

#2aebfb
```
#2aebfb rgb(42,235,251)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#fb3a2a
```
#fb3a2a rgb(251,58,42)
```
#ebfb2a
```
#ebfb2a rgb(235,251,42)
```

Tetradic Color

#1404d5
```
#1404d5 rgb(20,4,213)
```
#1604ee
```
#1604ee rgb(22,4,238)
```
#2311fb
```
#2311fb rgb(35,17,251)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#5143fb
```
#5143fb rgb(81,67,251)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#7f75fc
```
#7f75fc rgb(127,117,252)
```

Monochromatic Color

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

#2a4efb
```
#2a4efb rgb(42,78,251)
```
#2a3dfb
```
#2a3dfb rgb(42,61,251)
```
#2a2bfb
```
#2a2bfb rgb(42,43,251)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#4b2afb
```
#4b2afb rgb(75,42,251)
```
#5d2afb
```
#5d2afb rgb(93,42,251)
```
#6e2afb
```
#6e2afb rgb(110,42,251)
```

Similar Colors

Text with hexadecimal color #3a2afb

This text has a font color of #3a2afb.

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

#3a2afb background color

This paragraph has a background color of #3a2afb.

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

#3a2afb border color

This element has a border color of #3a2afb.

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

CSS codes

.text {color:#3a2afb;}

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

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

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

#020012
```
#020012 rgb(2,0,18)
```
#040125
```
#040125 rgb(4,1,37)
```
#050139
```
#050139 rgb(5,1,57)
```
#07014c
```
#07014c rgb(7,1,76)
```
#09025f
```
#09025f rgb(9,2,95)
```
#0b0272
```
#0b0272 rgb(11,2,114)
```
#0d0386
```
#0d0386 rgb(13,3,134)
```
#0e0399
```
#0e0399 rgb(14,3,153)
```
#1003ac
```
#1003ac rgb(16,3,172)
```
#1204bf
```
#1204bf rgb(18,4,191)
```
#1404d3
```
#1404d3 rgb(20,4,211)
```
#1604e6
```
#1604e6 rgb(22,4,230)
```
#1705f9
```
#1705f9 rgb(23,5,249)
```

Shade Color Variation

#2817fb
```
#2817fb rgb(40,23,251)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#4c3dfb
```
#4c3dfb rgb(76,61,251)
```
#5e51fc
```
#5e51fc rgb(94,81,252)
```
#6f64fc
```
#6f64fc rgb(111,100,252)
```
#8177fc
```
#8177fc rgb(129,119,252)
```
#938afd
```
#938afd rgb(147,138,253)
```
#a59efd
```
#a59efd rgb(165,158,253)
```
#b7b1fe
```
#b7b1fe rgb(183,177,254)
```
#c8c4fe
```
#c8c4fe rgb(200,196,254)
```
#dad7fe
```
#dad7fe rgb(218,215,254)
```
#ecebff
```
#ecebff rgb(236,235,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8f8e97
```
#8f8e97 rgb(143,142,151)
```
#88869f
```
#88869f rgb(136,134,159)
```
#817da8
```
#817da8 rgb(129,125,168)
```
#7a75b0
```
#7a75b0 rgb(122,117,176)
```
#736db8
```
#736db8 rgb(115,109,184)
```
#6b64c1
```
#6b64c1 rgb(107,100,193)
```
#645cc9
```
#645cc9 rgb(100,92,201)
```
#5d54d1
```
#5d54d1 rgb(93,84,209)
```
#564bda
```
#564bda rgb(86,75,218)
```
#4f43e2
```
#4f43e2 rgb(79,67,226)
```
#483bea
```
#483bea rgb(72,59,234)
```
#4132f3
```
#4132f3 rgb(65,50,243)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#44416b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#154ace Protanomaly 1% of men, 0.01% of women
#154dbe Deuteranomaly 6% of men, 0.4% of women
#1552a1 Tritanomaly 0.01% of the population

#3a2afb hex color

#3a2afb Color Information

#3a2afb Color Conversion

Color Schemes with #3a2afb

Alternatives to #3a2afb

#3a2afb Preview

Shades and Tints of #3a2afb

Tones of #3a2afb

Color Blindness Simulator