#5a2ff3 hex color

In a RGB color space, hex #5a2ff3 is composed of 35.3% red, 18.4% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 80.7% magenta, 0% yellow and 4.7% black. It has a hue angle of 253.2 degrees, a saturation of 89.1% and a lightness of 56.9%. #5a2ff3 color hex could be obtained by blending #b45eff with #0000e7. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 18
- B 95
RGB color chart
- C 63
- M 81
- Y 0
- K 5
CMYK color chart

● #5a2ff3 color description : Bright blue.

The hexadecimal color #5a2ff3 has RGB values of R:90, G:47, B:243 and CMYK values of C:0.63, M:0.81, Y:0, K:0.05. Its decimal value is 5910515.

Hex triplet	5a2ff3	`#5a2ff3`
RGB Decimal	90, 47, 243	`rgb(90,47,243)`
RGB Percent	35.3, 18.4, 95.3	`rgb(35.3%,18.4%,95.3%)`
CMYK	63, 81, 0, 5
HSL	253.2°, 89.1, 56.9	`hsl(253.2,89.1%,56.9%)`
HSV (or HSB)	253.2°, 80.7, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.031, 67.012, -89.794
XYZ	21.408, 10.677, 85.722
xyY	0.182, 0.091, 10.677
CIE-LCH	39.031, 112.043, 306.734
CIE-LUV	39.031, -1.35, -126.501
Hunter-Lab	32.676, 59.763, -132.67
Binary	01011010, 00101111, 11110011

#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#c8f32f
```
#c8f32f rgb(200,243,47)
```

Complementary Color

#2f66f3
```
#2f66f3 rgb(47,102,243)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#bc2ff3
```
#bc2ff3 rgb(188,47,243)
```

Analogous Color

#66f32f
```
#66f32f rgb(102,243,47)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#f3bc2f
```
#f3bc2f rgb(243,188,47)
```

Split Complementary Color

#2ff35a
```
#2ff35a rgb(47,243,90)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#f35a2f
```
#f35a2f rgb(243,90,47)
```

Triadic Color

#2fc8f3
```
#2fc8f3 rgb(47,200,243)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#f35a2f
```
#f35a2f rgb(243,90,47)
```
#c8f32f
```
#c8f32f rgb(200,243,47)
```

Tetradic Color

#350cca
```
#350cca rgb(53,12,202)
```
#3c0de2
```
#3c0de2 rgb(60,13,226)
```
#4717f2
```
#4717f2 rgb(71,23,242)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#6d47f4
```
#6d47f4 rgb(109,71,244)
```
#805ff6
```
#805ff6 rgb(128,95,246)
```
#9377f7
```
#9377f7 rgb(147,119,247)
```

Monochromatic Color

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

#2f35f3
```
#2f35f3 rgb(47,53,243)
```
#392ff3
```
#392ff3 rgb(57,47,243)
```
#4a2ff3
```
#4a2ff3 rgb(74,47,243)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#6a2ff3
```
#6a2ff3 rgb(106,47,243)
```
#7b2ff3
```
#7b2ff3 rgb(123,47,243)
```
#8b2ff3
```
#8b2ff3 rgb(139,47,243)
```

Similar Colors

Text with hexadecimal color #5a2ff3

This text has a font color of #5a2ff3.

<span style="color:#5a2ff3;">Text here</span>

#5a2ff3 background color

This paragraph has a background color of #5a2ff3.

<p style="background-color:#5a2ff3;">Content here</p>

#5a2ff3 border color

This element has a border color of #5a2ff3.

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

CSS codes

.text {color:#5a2ff3;}

.background {background-color:#5a2ff3;}

.border {border:1px solid #5a2ff3;}

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, #04010f is the darkest color, while #fcfbff is the lightest one.

#04010f
```
#04010f rgb(4,1,15)
```
#090221
```
#090221 rgb(9,2,33)
```
#0e0334
```
#0e0334 rgb(14,3,52)
```
#130446
```
#130446 rgb(19,4,70)
```
#170559
```
#170559 rgb(23,5,89)
```
#1c066b
```
#1c066b rgb(28,6,107)
```
#21077e
```
#21077e rgb(33,7,126)
```
#260890
```
#260890 rgb(38,8,144)
```
#2b09a3
```
#2b09a3 rgb(43,9,163)
```
#300ab5
```
#300ab5 rgb(48,10,181)
```
#350cc8
```
#350cc8 rgb(53,12,200)
```
#3a0ddb
```
#3a0ddb rgb(58,13,219)
```
#3f0eed
```
#3f0eed rgb(63,14,237)
```

Shade Color Variation

#4b1cf2
```
#4b1cf2 rgb(75,28,242)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#6942f4
```
#6942f4 rgb(105,66,244)
```
#7754f5
```
#7754f5 rgb(119,84,245)
```
#8667f6
```
#8667f6 rgb(134,103,246)
```
#9579f7
```
#9579f7 rgb(149,121,247)
```
#a48cf8
```
#a48cf8 rgb(164,140,248)
```
#b29ef9
```
#b29ef9 rgb(178,158,249)
```
#c1b1fa
```
#c1b1fa rgb(193,177,250)
```
#d0c3fc
```
#d0c3fc rgb(208,195,252)
```
#ded6fd
```
#ded6fd rgb(222,214,253)
```
#ede8fe
```
#ede8fe rgb(237,232,254)
```
#fcfbff
```
#fcfbff rgb(252,251,255)
```

Tint Color Variation

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

#8e8c96
```
#8e8c96 rgb(142,140,150)
```
#89849e
```
#89849e rgb(137,132,158)
```
#857ba7
```
#857ba7 rgb(133,123,167)
```
#8073af
```
#8073af rgb(128,115,175)
```
#7b6ab8
```
#7b6ab8 rgb(123,106,184)
```
#7662c0
```
#7662c0 rgb(118,98,192)
```
#7259c9
```
#7259c9 rgb(114,89,201)
```
#6d51d1
```
#6d51d1 rgb(109,81,209)
```
#6848da
```
#6848da rgb(104,72,218)
```
#6340e2
```
#6340e2 rgb(99,64,226)
```
#5f37eb
```
#5f37eb rgb(95,55,235)
```
#5a2ff3
```
#5a2ff3 rgb(90,47,243)
```
#5527fb
```
#5527fb rgb(85,39,251)
```

Tone Color Variation

Below, you can see how #5a2ff3 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

#525252 Achromatopsia 0.005% of the population
#544b72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#204fd0 Protanomaly 1% of men, 0.01% of women
#2052c0 Deuteranomaly 6% of men, 0.4% of women
#2057a2 Tritanomaly 0.01% of the population

#5a2ff3 hex color

#5a2ff3 Color Information

#5a2ff3 Color Conversion

Color Schemes with #5a2ff3

Alternatives to #5a2ff3

#5a2ff3 Preview

Shades and Tints of #5a2ff3

Tones of #5a2ff3

Color Blindness Simulator