#3a2dff hex color

In a RGB color space, hex #3a2dff is composed of 22.7% red, 17.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 82.4% magenta, 0% yellow and 0% black. It has a hue angle of 243.7 degrees, a saturation of 100% and a lightness of 58.8%. #3a2dff color hex could be obtained by blending #745aff with #0000ff. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 18
- B 100
RGB color chart
- C 77
- M 82
- Y 0
- K 0
CMYK color chart

● #3a2dff color description : Vivid blue.

The hexadecimal color #3a2dff has RGB values of R:58, G:45, B:255 and CMYK values of C:0.77, M:0.82, Y:0, K:0. Its decimal value is 3812863.

Hex triplet	3a2dff	`#3a2dff`
RGB Decimal	58, 45, 255	`rgb(58,45,255)`
RGB Percent	22.7, 17.6, 100	`rgb(22.7%,17.6%,100%)`
CMYK	77, 82, 0, 0
HSL	243.7°, 100, 58.8	`hsl(243.7,100%,58.8%)`
HSV (or HSB)	243.7°, 82.4, 100
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.833, 68.928, -98.588
XYZ	20.73, 9.995, 95.439
xyY	0.164, 0.079, 9.995
CIE-LCH	37.833, 120.294, 304.96
CIE-LUV	37.833, -8.059, -133.526
Hunter-Lab	31.615, 61.716, -156.854
Binary	00111010, 00101101, 11111111

#3a2dff
```
#3a2dff rgb(58,45,255)
```
#f2ff2d
```
#f2ff2d rgb(242,255,45)
```

Complementary Color

#2d89ff
```
#2d89ff rgb(45,137,255)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```
#a32dff
```
#a32dff rgb(163,45,255)
```

Analogous Color

#89ff2d
```
#89ff2d rgb(137,255,45)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```
#ffa32d
```
#ffa32d rgb(255,163,45)
```

Split Complementary Color

#2dff3a
```
#2dff3a rgb(45,255,58)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```
#ff3a2d
```
#ff3a2d rgb(255,58,45)
```

Triadic Color

#2df2ff
```
#2df2ff rgb(45,242,255)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```
#ff3a2d
```
#ff3a2d rgb(255,58,45)
```
#f2ff2d
```
#f2ff2d rgb(242,255,45)
```

Tetradic Color

#0e00e0
```
#0e00e0 rgb(14,0,224)
```
#0f00f9
```
#0f00f9 rgb(15,0,249)
```
#2214ff
```
#2214ff rgb(34,20,255)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```
#5247ff
```
#5247ff rgb(82,71,255)
```
#6a60ff
```
#6a60ff rgb(106,96,255)
```
#827aff
```
#827aff rgb(130,122,255)
```

Monochromatic Color

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

#2d55ff
```
#2d55ff rgb(45,85,255)
```
#2d43ff
```
#2d43ff rgb(45,67,255)
```
#2d32ff
```
#2d32ff rgb(45,50,255)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```
#4c2dff
```
#4c2dff rgb(76,45,255)
```
#5d2dff
```
#5d2dff rgb(93,45,255)
```
#6f2dff
```
#6f2dff rgb(111,45,255)
```

Similar Colors

Text with hexadecimal color #3a2dff

This text has a font color of #3a2dff.

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

#3a2dff background color

This paragraph has a background color of #3a2dff.

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

#3a2dff border color

This element has a border color of #3a2dff.

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

CSS codes

.text {color:#3a2dff;}

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

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

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

#000006
```
#000006 rgb(0,0,6)
```
#020019
```
#020019 rgb(2,0,25)
```
#03002d
```
#03002d rgb(3,0,45)
```
#040041
```
#040041 rgb(4,0,65)
```
#050054
```
#050054 rgb(5,0,84)
```
#060068
```
#060068 rgb(6,0,104)
```
#08007b
```
#08007b rgb(8,0,123)
```
#09008f
```
#09008f rgb(9,0,143)
```
#0a00a3
```
#0a00a3 rgb(10,0,163)
```
#0b00b6
```
#0b00b6 rgb(11,0,182)
```
#0d00ca
```
#0d00ca rgb(13,0,202)
```
#0e00de
```
#0e00de rgb(14,0,222)
```
#0f00f1
```
#0f00f1 rgb(15,0,241)
```

Shade Color Variation

#1506ff
```
#1506ff rgb(21,6,255)
```
#2819ff
```
#2819ff rgb(40,25,255)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```
#4c41ff
```
#4c41ff rgb(76,65,255)
```
#5f54ff
```
#5f54ff rgb(95,84,255)
```
#7168ff
```
#7168ff rgb(113,104,255)
```
#847bff
```
#847bff rgb(132,123,255)
```
#968fff
```
#968fff rgb(150,143,255)
```
#a8a3ff
```
#a8a3ff rgb(168,163,255)
```
#bbb6ff
```
#bbb6ff rgb(187,182,255)
```
#cdcaff
```
#cdcaff rgb(205,202,255)
```
#e0deff
```
#e0deff rgb(224,222,255)
```
#f2f1ff
```
#f2f1ff rgb(242,241,255)
```

Tint Color Variation

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

#8f8e9e
```
#8f8e9e rgb(143,142,158)
```
#8886a6
```
#8886a6 rgb(136,134,166)
```
#817eae
```
#817eae rgb(129,126,174)
```
#7a76b6
```
#7a76b6 rgb(122,118,182)
```
#736ebe
```
#736ebe rgb(115,110,190)
```
#6c66c6
```
#6c66c6 rgb(108,102,198)
```
#645dcf
```
#645dcf rgb(100,93,207)
```
#5d55d7
```
#5d55d7 rgb(93,85,215)
```
#564ddf
```
#564ddf rgb(86,77,223)
```
#4f45e7
```
#4f45e7 rgb(79,69,231)
```
#483def
```
#483def rgb(72,61,239)
```
#4135f7
```
#4135f7 rgb(65,53,247)
```
#3a2dff
```
#3a2dff rgb(58,45,255)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#46436d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#00649f Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#154cd1 Protanomaly 1% of men, 0.01% of women
#1550c2 Deuteranomaly 6% of men, 0.4% of women
#1554a4 Tritanomaly 0.01% of the population

#3a2dff hex color

#3a2dff Color Information

#3a2dff Color Conversion

Color Schemes with #3a2dff

Alternatives to #3a2dff

#3a2dff Preview

Shades and Tints of #3a2dff

Tones of #3a2dff

Color Blindness Simulator