#5733ff Color Information
In a RGB color space, hex #5733ff is composed of 34.1% red, 20% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 80% magenta, 0% yellow and 0% black. It has a hue angle of 250.6 degrees, a saturation of 100% and a lightness of 60%. #5733ff color hex could be obtained by blending #ae66ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 34
- G 20
- B 100
-
- C 66
- M 80
- Y 0
- K 0
● #5733ff color description : Vivid blue.
#5733ff Color Conversion
The hexadecimal color #5733ff has RGB values of R:87, G:51, B:255 and CMYK values of C:0.66, M:0.8, Y:0, K:0. Its decimal value is 5714943.
Hex triplet | 5733ff | #5733ff |
---|---|---|
RGB Decimal | 87, 51, 255 | rgb(87,51,255) |
RGB Percent | 34.1, 20, 100 | rgb(34.1%,20%,100%) |
CMYK | 66, 80, 0, 0 | |
HSL | 250.6°, 100, 60 | hsl(250.6,100%,60%) |
HSV (or HSB) | 250.6°, 80, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 40.594, 68.363, -93.952 |
---|---|
XYZ | 23.161, 11.613, 95.623 |
xyY | 0.178, 0.089, 11.613 |
CIE-LCH | 40.594, 116.191, 306.041 |
CIE-LUV | 40.594, -3.439, -133.247 |
Hunter-Lab | 34.078, 61.682, -142.516 |
Binary | 01010111, 00110011, 11111111 |
Color Schemes with #5733ff
Alternatives to #5733ff
Below, you can see some colors close to #5733ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5733ff Preview
This text has a font color of #5733ff.
<span style="color:#5733ff;">Text here</span>
This paragraph has a background color of #5733ff.
<p style="background-color:#5733ff;">Content here</p>
This element has a border color of #5733ff.
<div style="border:1px solid #5733ff;">Content here</div>
.text {color:#5733ff;}
.background {background-color:#5733ff;}
.border {border:1px solid #5733ff;}
Shades and Tints of #5733ff
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)
-
#090033
#090033
rgb(9,0,51)
-
#0c0047
#0c0047
rgb(12,0,71)
-
#10005a
#10005a
rgb(16,0,90)
-
#13006e
#13006e
rgb(19,0,110)
-
#170081
#170081
rgb(23,0,129)
-
#1a0095
#1a0095
rgb(26,0,149)
-
#1e00a9
#1e00a9
rgb(30,0,169)
-
#2100bc
#2100bc
rgb(33,0,188)
-
#2500d0
#2500d0
rgb(37,0,208)
-
#2800e4
#2800e4
rgb(40,0,228)
-
#2c00f7
#2c00f7
rgb(44,0,247)
-
#370cff
#370cff
rgb(55,12,255)
-
#471fff
#471fff
rgb(71,31,255)
-
#5733ff
#5733ff
rgb(87,51,255)
-
#6747ff
#6747ff
rgb(103,71,255)
-
#775aff
#775aff
rgb(119,90,255)
-
#876eff
#876eff
rgb(135,110,255)
-
#9881ff
#9881ff
rgb(152,129,255)
-
#a895ff
#a895ff
rgb(168,149,255)
-
#b8a9ff
#b8a9ff
rgb(184,169,255)
-
#c8bcff
#c8bcff
rgb(200,188,255)
-
#d8d0ff
#d8d0ff
rgb(216,208,255)
-
#e8e4ff
#e8e4ff
rgb(232,228,255)
-
#f9f7ff
#f9f7ff
rgb(249,247,255)
Tones of #5733ff
A tone is produced by adding gray to any pure hue. In this case, #9491a1 is the less saturated color, while #5733ff is the most saturated one.
-
#9491a1
#9491a1
rgb(148,145,161)
-
#8f89a9
#8f89a9
rgb(143,137,169)
-
#8a81b1
#8a81b1
rgb(138,129,177)
-
#857ab8
#857ab8
rgb(133,122,184)
-
#8072c0
#8072c0
rgb(128,114,192)
-
#7b6ac8
#7b6ac8
rgb(123,106,200)
-
#7562d0
#7562d0
rgb(117,98,208)
-
#705ad8
#705ad8
rgb(112,90,216)
-
#6b52e0
#6b52e0
rgb(107,82,224)
-
#664be7
#664be7
rgb(102,75,231)
-
#6143ef
#6143ef
rgb(97,67,239)
-
#5c3bf7
#5c3bf7
rgb(92,59,247)
-
#5733ff
#5733ff
rgb(87,51,255)
Color Blindness Simulator
Below, you can see how #5733ff 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.