#3a2afa hex color

In a RGB color space, hex #3a2afa is composed of 22.7% red, 16.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 83.2% magenta, 0% yellow and 2% black. It has a hue angle of 244.6 degrees, a saturation of 95.4% and a lightness of 57.3%. #3a2afa color hex could be obtained by blending #7454ff with #0000f5. 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

● #3a2afa color description : Bright blue.

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

Hex triplet	3a2afa	`#3a2afa`
RGB Decimal	58, 42, 250	`rgb(58,42,250)`
RGB Percent	22.7, 16.5, 98	`rgb(22.7%,16.5%,98%)`
CMYK	77, 83, 0, 2
HSL	244.6°, 95.4, 57.3	`hsl(244.6,95.4%,57.3%)`
HSV (or HSB)	244.6°, 83.2, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	36.848, 68.729, -97.422
XYZ	19.825, 9.456, 91.218
xyY	0.165, 0.078, 9.456
CIE-LCH	36.848, 119.225, 305.202
CIE-LUV	36.848, -7.51, -130.695
Hunter-Lab	30.751, 61.262, -154.347
Binary	00111010, 00101010, 11111010

#3a2afa
```
#3a2afa rgb(58,42,250)
```
#eafa2a
```
#eafa2a rgb(234,250,42)
```

Complementary Color

#2a82fa
```
#2a82fa rgb(42,130,250)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```
#a22afa
```
#a22afa rgb(162,42,250)
```

Analogous Color

#82fa2a
```
#82fa2a rgb(130,250,42)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```
#faa22a
```
#faa22a rgb(250,162,42)
```

Split Complementary Color

#2afa3a
```
#2afa3a rgb(42,250,58)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```
#fa3a2a
```
#fa3a2a rgb(250,58,42)
```

Triadic Color

#2aeafa
```
#2aeafa rgb(42,234,250)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```
#fa3a2a
```
#fa3a2a rgb(250,58,42)
```
#eafa2a
```
#eafa2a rgb(234,250,42)
```

Tetradic Color

#1505d3
```
#1505d3 rgb(21,5,211)
```
#1706eb
```
#1706eb rgb(23,6,235)
```
#2311f9
```
#2311f9 rgb(35,17,249)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```
#5143fb
```
#5143fb rgb(81,67,251)
```
#685cfb
```
#685cfb rgb(104,92,251)
```
#7f75fc
```
#7f75fc rgb(127,117,252)
```

Monochromatic Color

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

#2a4efa
```
#2a4efa rgb(42,78,250)
```
#2a3dfa
```
#2a3dfa rgb(42,61,250)
```
#2a2bfa
```
#2a2bfa rgb(42,43,250)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```
#4b2afa
```
#4b2afa rgb(75,42,250)
```
#5d2afa
```
#5d2afa rgb(93,42,250)
```
#6e2afa
```
#6e2afa rgb(110,42,250)
```

Similar Colors

Text with hexadecimal color #3a2afa

This text has a font color of #3a2afa.

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

#3a2afa background color

This paragraph has a background color of #3a2afa.

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

#3a2afa border color

This element has a border color of #3a2afa.

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

CSS codes

.text {color:#3a2afa;}

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

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

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

#020011
```
#020011 rgb(2,0,17)
```
#040124
```
#040124 rgb(4,1,36)
```
#050137
```
#050137 rgb(5,1,55)
```
#07024a
```
#07024a rgb(7,2,74)
```
#09025e
```
#09025e rgb(9,2,94)
```
#0b0371
```
#0b0371 rgb(11,3,113)
```
#0d0384
```
#0d0384 rgb(13,3,132)
```
#0f0497
```
#0f0497 rgb(15,4,151)
```
#1104aa
```
#1104aa rgb(17,4,170)
```
#1304bd
```
#1304bd rgb(19,4,189)
```
#1505d1
```
#1505d1 rgb(21,5,209)
```
#1605e4
```
#1605e4 rgb(22,5,228)
```
#1806f7
```
#1806f7 rgb(24,6,247)
```

Shade Color Variation

#2817fa
```
#2817fa rgb(40,23,250)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```
#4c3dfa
```
#4c3dfa rgb(76,61,250)
```
#5d50fb
```
#5d50fb rgb(93,80,251)
```
#6f63fb
```
#6f63fb rgb(111,99,251)
```
#8177fc
```
#8177fc rgb(129,119,252)
```
#938afc
```
#938afc rgb(147,138,252)
```
#a49dfd
```
#a49dfd rgb(164,157,253)
```
#b6b0fd
```
#b6b0fd rgb(182,176,253)
```
#c8c3fe
```
#c8c3fe rgb(200,195,254)
```
#dad6fe
```
#dad6fe rgb(218,214,254)
```
#ebeafe
```
#ebeafe rgb(235,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, #8f8f95 is the less saturated color, while #3a2afa is the most saturated one.

#8f8f95
```
#8f8f95 rgb(143,143,149)
```
#88869e
```
#88869e rgb(136,134,158)
```
#817ea6
```
#817ea6 rgb(129,126,166)
```
#7a75af
```
#7a75af rgb(122,117,175)
```
#736db7
```
#736db7 rgb(115,109,183)
```
#6c65bf
```
#6c65bf rgb(108,101,191)
```
#655cc8
```
#655cc8 rgb(101,92,200)
```
#5d54d0
```
#5d54d0 rgb(93,84,208)
```
#564cd8
```
#564cd8 rgb(86,76,216)
```
#4f43e1
```
#4f43e1 rgb(79,67,225)
```
#483be9
```
#483be9 rgb(72,59,233)
```
#4132f2
```
#4132f2 rgb(65,50,242)
```
#3a2afa
```
#3a2afa rgb(58,42,250)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#44406a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb4 Protanopia 1% of men
#00629b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#154acd Protanomaly 1% of men, 0.01% of women
#154dbd Deuteranomaly 6% of men, 0.4% of women
#1552a0 Tritanomaly 0.01% of the population

#3a2afa hex color

#3a2afa Color Information

#3a2afa Color Conversion

Color Schemes with #3a2afa

Alternatives to #3a2afa

#3a2afa Preview

Shades and Tints of #3a2afa

Tones of #3a2afa

Color Blindness Simulator