#5533f3 Color Information
In a RGB color space, hex #5533f3 is composed of 33.3% red, 20% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 79% magenta, 0% yellow and 4.7% black. It has a hue angle of 250.6 degrees, a saturation of 88.9% and a lightness of 57.6%. #5533f3 color hex could be obtained by blending #aa66ff with #0000e7. Closest websafe color is: #6633ff.
-
- R 33
- G 20
- B 95
-
- C 65
- M 79
- Y 0
- K 5
● #5533f3 color description : Bright blue.
#5533f3 Color Conversion
The hexadecimal color #5533f3 has RGB values of R:85, G:51, B:243 and CMYK values of C:0.65, M:0.79, Y:0, K:0.05. Its decimal value is 5583859.
Hex triplet | 5533f3 | #5533f3 |
---|---|---|
RGB Decimal | 85, 51, 243 | rgb(85,51,243) |
RGB Percent | 33.3, 20, 95.3 | rgb(33.3%,20%,95.3%) |
CMYK | 65, 79, 0, 5 | |
HSL | 250.6°, 88.9, 57.6 | hsl(250.6,88.9%,57.6%) |
HSV (or HSB) | 250.6°, 79, 95.3 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 39.189, 64.89, -89.546 |
---|---|
XYZ | 21.105, 10.769, 85.756 |
xyY | 0.179, 0.092, 10.769 |
CIE-LCH | 39.189, 110.586, 305.929 |
CIE-LUV | 39.189, -3.025, -126.351 |
Hunter-Lab | 32.816, 57.368, -131.965 |
Binary | 01010101, 00110011, 11110011 |
Color Schemes with #5533f3
Alternatives to #5533f3
Below, you can see some colors close to #5533f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5533f3 Preview
This text has a font color of #5533f3.
<span style="color:#5533f3;">Text here</span>
This paragraph has a background color of #5533f3.
<p style="background-color:#5533f3;">Content here</p>
This element has a border color of #5533f3.
<div style="border:1px solid #5533f3;">Content here</div>
.text {color:#5533f3;}
.background {background-color:#5533f3;}
.border {border:1px solid #5533f3;}
Shades and Tints of #5533f3
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, #040112 is the darkest color, while #ffffff is the lightest one.
-
#040112
#040112
rgb(4,1,18)
-
#080225
#080225
rgb(8,2,37)
-
#0c0337
#0c0337
rgb(12,3,55)
-
#11044a
#11044a
rgb(17,4,74)
-
#15055c
#15055c
rgb(21,5,92)
-
#19076f
#19076f
rgb(25,7,111)
-
#1d0881
#1d0881
rgb(29,8,129)
-
#210994
#210994
rgb(33,9,148)
-
#260aa7
#260aa7
rgb(38,10,167)
-
#2a0bb9
#2a0bb9
rgb(42,11,185)
-
#2e0ccc
#2e0ccc
rgb(46,12,204)
-
#320dde
#320dde
rgb(50,13,222)
-
#360ef1
#360ef1
rgb(54,14,241)
-
#4620f2
#4620f2
rgb(70,32,242)
-
#5533f3
#5533f3
rgb(85,51,243)
-
#6446f4
#6446f4
rgb(100,70,244)
-
#7458f5
#7458f5
rgb(116,88,245)
-
#836bf6
#836bf6
rgb(131,107,246)
-
#937df7
#937df7
rgb(147,125,247)
-
#a290f8
#a290f8
rgb(162,144,248)
-
#b2a2fa
#b2a2fa
rgb(178,162,250)
-
#c1b5fb
#c1b5fb
rgb(193,181,251)
-
#d1c7fc
#d1c7fc
rgb(209,199,252)
-
#e0dafd
#e0dafd
rgb(224,218,253)
-
#efecfe
#efecfe
rgb(239,236,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5533f3
A tone is produced by adding gray to any pure hue. In this case, #908e98 is the less saturated color, while #502bfb is the most saturated one.
-
#908e98
#908e98
rgb(144,142,152)
-
#8b86a0
#8b86a0
rgb(139,134,160)
-
#857ea8
#857ea8
rgb(133,126,168)
-
#8075b1
#8075b1
rgb(128,117,177)
-
#7b6db9
#7b6db9
rgb(123,109,185)
-
#7565c1
#7565c1
rgb(117,101,193)
-
#705dc9
#705dc9
rgb(112,93,201)
-
#6a54d2
#6a54d2
rgb(106,84,210)
-
#654cda
#654cda
rgb(101,76,218)
-
#6044e2
#6044e2
rgb(96,68,226)
-
#5a3beb
#5a3beb
rgb(90,59,235)
-
#5533f3
#5533f3
rgb(85,51,243)
-
#502bfb
#502bfb
rgb(80,43,251)
Color Blindness Simulator
Below, you can see how #5533f3 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.