#5a33ff hex color

In a RGB color space, hex #5a33ff is composed of 35.3% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 251.5 degrees, a saturation of 100% and a lightness of 60%. #5a33ff color hex could be obtained by blending #b466ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 35
- G 20
- B 100
RGB color chart
- C 65
- M 80
- Y 0
- K 0
CMYK color chart

● #5a33ff color description : Vivid blue.

The hexadecimal color #5a33ff has RGB values of R:90, G:51, B:255 and CMYK values of C:0.65, M:0.8, Y:0, K:0. Its decimal value is 5911551.

Hex triplet	5a33ff	`#5a33ff`
RGB Decimal	90, 51, 255	`rgb(90,51,255)`
RGB Percent	35.3, 20, 100	`rgb(35.3%,20%,100%)`
CMYK	65, 80, 0, 0
HSL	251.5°, 100, 60	`hsl(251.5,100%,60%)`
HSV (or HSB)	251.5°, 80, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.833, 68.615, -93.549
XYZ	23.447, 11.76, 95.637
xyY	0.179, 0.09, 11.76
CIE-LCH	40.833, 116.015, 306.259
CIE-LUV	40.833, -2.741, -133.18
Hunter-Lab	34.293, 62.03, -141.342
Binary	01011010, 00110011, 11111111

#5a33ff
```
#5a33ff rgb(90,51,255)
```
#d8ff33
```
#d8ff33 rgb(216,255,51)
```

Complementary Color

#3372ff
```
#3372ff rgb(51,114,255)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```
#c033ff
```
#c033ff rgb(192,51,255)
```

Analogous Color

#72ff33
```
#72ff33 rgb(114,255,51)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```
#ffc033
```
#ffc033 rgb(255,192,51)
```

Split Complementary Color

#33ff5a
```
#33ff5a rgb(51,255,90)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```
#ff5a33
```
#ff5a33 rgb(255,90,51)
```

Triadic Color

#33d8ff
```
#33d8ff rgb(51,216,255)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```
#ff5a33
```
#ff5a33 rgb(255,90,51)
```
#d8ff33
```
#d8ff33 rgb(216,255,51)
```

Tetradic Color

#2c00e6
```
#2c00e6 rgb(44,0,230)
```
#3100ff
```
#3100ff rgb(49,0,255)
```
#451aff
```
#451aff rgb(69,26,255)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```
#6f4dff
```
#6f4dff rgb(111,77,255)
```
#8366ff
```
#8366ff rgb(131,102,255)
```
#9880ff
```
#9880ff rgb(152,128,255)
```

Monochromatic Color

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

#333fff
```
#333fff rgb(51,63,255)
```
#3833ff
```
#3833ff rgb(56,51,255)
```
#4933ff
```
#4933ff rgb(73,51,255)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```
#6b33ff
```
#6b33ff rgb(107,51,255)
```
#7c33ff
```
#7c33ff rgb(124,51,255)
```
#8d33ff
```
#8d33ff rgb(141,51,255)
```

Similar Colors

Text with hexadecimal color #5a33ff

This text has a font color of #5a33ff.

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

#5a33ff background color

This paragraph has a background color of #5a33ff.

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

#5a33ff border color

This element has a border color of #5a33ff.

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

CSS codes

.text {color:#5a33ff;}

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

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

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, #02000c is the darkest color, while #f9f7ff is the lightest one.

#02000c
```
#02000c rgb(2,0,12)
```
#06001f
```
#06001f rgb(6,0,31)
```
#0a0033
```
#0a0033 rgb(10,0,51)
```
#0e0047
```
#0e0047 rgb(14,0,71)
```
#11005a
```
#11005a rgb(17,0,90)
```
#15006e
```
#15006e rgb(21,0,110)
```
#190081
```
#190081 rgb(25,0,129)
```
#1d0095
```
#1d0095 rgb(29,0,149)
```
#2000a9
```
#2000a9 rgb(32,0,169)
```
#2400bc
```
#2400bc rgb(36,0,188)
```
#2800d0
```
#2800d0 rgb(40,0,208)
```
#2c00e4
```
#2c00e4 rgb(44,0,228)
```
#2f00f7
```
#2f00f7 rgb(47,0,247)
```

Shade Color Variation

#3a0cff
```
#3a0cff rgb(58,12,255)
```
#4a1fff
```
#4a1fff rgb(74,31,255)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```
#6a47ff
```
#6a47ff rgb(106,71,255)
```
#7a5aff
```
#7a5aff rgb(122,90,255)
```
#8a6eff
```
#8a6eff rgb(138,110,255)
```
#9981ff
```
#9981ff rgb(153,129,255)
```
#a995ff
```
#a995ff rgb(169,149,255)
```
#b9a9ff
```
#b9a9ff rgb(185,169,255)
```
#c9bcff
```
#c9bcff rgb(201,188,255)
```
#d9d0ff
```
#d9d0ff rgb(217,208,255)
```
#e9e4ff
```
#e9e4ff rgb(233,228,255)
```
#f9f7ff
```
#f9f7ff rgb(249,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9491a1 is the less saturated color, while #5a33ff is the most saturated one.

#9491a1
```
#9491a1 rgb(148,145,161)
```
#8f89a9
```
#8f89a9 rgb(143,137,169)
```
#8a81b1
```
#8a81b1 rgb(138,129,177)
```
#867ab8
```
#867ab8 rgb(134,122,184)
```
#8172c0
```
#8172c0 rgb(129,114,192)
```
#7c6ac8
```
#7c6ac8 rgb(124,106,200)
```
#7762d0
```
#7762d0 rgb(119,98,208)
```
#725ad8
```
#725ad8 rgb(114,90,216)
```
#6d52e0
```
#6d52e0 rgb(109,82,224)
```
#694be7
```
#694be7 rgb(105,75,231)
```
#6443ef
```
#6443ef rgb(100,67,239)
```
#5f3bf7
```
#5f3bf7 rgb(95,59,247)
```
#5a33ff
```
#5a33ff rgb(90,51,255)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#574f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#2053da Protanomaly 1% of men, 0.01% of women
#2056c9 Deuteranomaly 6% of men, 0.4% of women
#205baa Tritanomaly 0.01% of the population

#5a33ff hex color

#5a33ff Color Information

#5a33ff Color Conversion

Color Schemes with #5a33ff

Alternatives to #5a33ff

#5a33ff Preview

Shades and Tints of #5a33ff

Tones of #5a33ff

Color Blindness Simulator