#553af0 Color Information
In a RGB color space, hex #553af0 is composed of 33.3% red, 22.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 75.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 248.9 degrees, a saturation of 85.8% and a lightness of 58.4%. #553af0 color hex could be obtained by blending #aa74ff with #0000e1. Closest websafe color is: #6633ff.
-
- R 33
- G 23
- B 94
-
- C 65
- M 76
- Y 0
- K 6
● #553af0 color description : Bright blue.
#553af0 Color Conversion
The hexadecimal color #553af0 has RGB values of R:85, G:58, B:240 and CMYK values of C:0.65, M:0.76, Y:0, K:0.06. Its decimal value is 5585648.
Hex triplet | 553af0 | #553af0 |
---|---|---|
RGB Decimal | 85, 58, 240 | rgb(85,58,240) |
RGB Percent | 33.3, 22.7, 94.1 | rgb(33.3%,22.7%,94.1%) |
CMYK | 65, 76, 0, 6 | |
HSL | 248.9°, 85.8, 58.4 | hsl(248.9,85.8%,58.4%) |
HSV (or HSB) | 248.9°, 75.8, 94.1 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 39.995, 60.841, -86.521 |
---|---|
XYZ | 20.985, 11.248, 83.499 |
xyY | 0.181, 0.097, 11.248 |
CIE-LCH | 39.995, 105.771, 305.114 |
CIE-LUV | 39.995, -3.721, -123.936 |
Hunter-Lab | 33.538, 52.997, -124.138 |
Binary | 01010101, 00111010, 11110000 |
Color Schemes with #553af0
Alternatives to #553af0
Below, you can see some colors close to #553af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#553af0 Preview
This text has a font color of #553af0.
<span style="color:#553af0;">Text here</span>
This paragraph has a background color of #553af0.
<p style="background-color:#553af0;">Content here</p>
This element has a border color of #553af0.
<div style="border:1px solid #553af0;">Content here</div>
.text {color:#553af0;}
.background {background-color:#553af0;}
.border {border:1px solid #553af0;}
Shades and Tints of #553af0
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, #010004 is the darkest color, while #f2f0fe is the lightest one.
-
#010004
#010004
rgb(1,0,4)
-
#050216
#050216
rgb(5,2,22)
-
#090328
#090328
rgb(9,3,40)
-
#0c043a
#0c043a
rgb(12,4,58)
-
#10064c
#10064c
rgb(16,6,76)
-
#14075f
#14075f
rgb(20,7,95)
-
#180971
#180971
rgb(24,9,113)
-
#1c0a83
#1c0a83
rgb(28,10,131)
-
#200b95
#200b95
rgb(32,11,149)
-
#240da8
#240da8
rgb(36,13,168)
-
#280eba
#280eba
rgb(40,14,186)
-
#2b10cc
#2b10cc
rgb(43,16,204)
-
#2f11de
#2f11de
rgb(47,17,222)
-
#3616ed
#3616ed
rgb(54,22,237)
-
#4528ef
#4528ef
rgb(69,40,239)
-
#553af0
#553af0
rgb(85,58,240)
-
#654cf1
#654cf1
rgb(101,76,241)
-
#745ef3
#745ef3
rgb(116,94,243)
-
#8471f4
#8471f4
rgb(132,113,244)
-
#9483f6
#9483f6
rgb(148,131,246)
-
#a495f7
#a495f7
rgb(164,149,247)
-
#b3a7f8
#b3a7f8
rgb(179,167,248)
-
#c3bafa
#c3bafa
rgb(195,186,250)
-
#d3ccfb
#d3ccfb
rgb(211,204,251)
-
#e3defc
#e3defc
rgb(227,222,252)
-
#f2f0fe
#f2f0fe
rgb(242,240,254)
Tones of #553af0
A tone is produced by adding gray to any pure hue. In this case, #949496 is the less saturated color, while #4f32f8 is the most saturated one.
-
#949496
#949496
rgb(148,148,150)
-
#8e8c9e
#8e8c9e
rgb(142,140,158)
-
#8983a7
#8983a7
rgb(137,131,167)
-
#837baf
#837baf
rgb(131,123,175)
-
#7d73b7
#7d73b7
rgb(125,115,183)
-
#776bbf
#776bbf
rgb(119,107,191)
-
#7263c7
#7263c7
rgb(114,99,199)
-
#6c5bcf
#6c5bcf
rgb(108,91,207)
-
#6652d8
#6652d8
rgb(102,82,216)
-
#604ae0
#604ae0
rgb(96,74,224)
-
#5b42e8
#5b42e8
rgb(91,66,232)
-
#553af0
#553af0
rgb(85,58,240)
-
#4f32f8
#4f32f8
rgb(79,50,248)
Color Blindness Simulator
Below, you can see how #553af0 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.