#555bfd Color Information
In a RGB color space, hex #555bfd is composed of 33.3% red, 35.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 64% magenta, 0% yellow and 0.8% black. It has a hue angle of 237.9 degrees, a saturation of 97.7% and a lightness of 66.3%. #555bfd color hex could be obtained by blending #aab6ff with #0000fb. Closest websafe color is: #6666ff.
-
- R 33
- G 36
- B 99
-
- C 66
- M 64
- Y 0
- K 1
● #555bfd color description : Soft blue.
#555bfd Color Conversion
The hexadecimal color #555bfd has RGB values of R:85, G:91, B:253 and CMYK values of C:0.66, M:0.64, Y:0, K:0.01. Its decimal value is 5594109.
Hex triplet | 555bfd | #555bfd |
---|---|---|
RGB Decimal | 85, 91, 253 | rgb(85,91,253) |
RGB Percent | 33.3, 35.7, 99.2 | rgb(33.3%,35.7%,99.2%) |
CMYK | 66, 64, 0, 1 | |
HSL | 237.9°, 97.7, 66.3 | hsl(237.9,97.7%,66.3%) |
HSV (or HSB) | 237.9°, 66.4, 99.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 47.629, 47.006, -81.258 |
---|---|
XYZ | 25.213, 16.504, 94.78 |
xyY | 0.185, 0.121, 16.504 |
CIE-LCH | 47.629, 93.875, 300.049 |
CIE-LUV | 47.629, -10.408, -124.9 |
Hunter-Lab | 40.625, 39.69, -109.888 |
Binary | 01010101, 01011011, 11111101 |
Color Schemes with #555bfd
Alternatives to #555bfd
Below, you can see some colors close to #555bfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#555bfd Preview
This text has a font color of #555bfd.
<span style="color:#555bfd;">Text here</span>
This paragraph has a background color of #555bfd.
<p style="background-color:#555bfd;">Content here</p>
This element has a border color of #555bfd.
<div style="border:1px solid #555bfd;">Content here</div>
.text {color:#555bfd;}
.background {background-color:#555bfd;}
.border {border:1px solid #555bfd;}
Shades and Tints of #555bfd
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, #000004 is the darkest color, while #f0f1ff is the lightest one.
-
#000004
#000004
rgb(0,0,4)
-
#000118
#000118
rgb(0,1,24)
-
#01022b
#01022b
rgb(1,2,43)
-
#01033f
#01033f
rgb(1,3,63)
-
#010452
#010452
rgb(1,4,82)
-
#010565
#010565
rgb(1,5,101)
-
#010679
#010679
rgb(1,6,121)
-
#02078c
#02078c
rgb(2,7,140)
-
#0208a0
#0208a0
rgb(2,8,160)
-
#0208b3
#0208b3
rgb(2,8,179)
-
#0209c6
#0209c6
rgb(2,9,198)
-
#030ada
#030ada
rgb(3,10,218)
-
#030bed
#030bed
rgb(3,11,237)
-
#0710fc
#0710fc
rgb(7,16,252)
-
#1b23fc
#1b23fc
rgb(27,35,252)
-
#2e36fd
#2e36fd
rgb(46,54,253)
-
#4248fd
#4248fd
rgb(66,72,253)
-
#555bfd
#555bfd
rgb(85,91,253)
-
#686efd
#686efd
rgb(104,110,253)
-
#7c80fd
#7c80fd
rgb(124,128,253)
-
#8f93fe
#8f93fe
rgb(143,147,254)
-
#a3a6fe
#a3a6fe
rgb(163,166,254)
-
#b6b9fe
#b6b9fe
rgb(182,185,254)
-
#c9cbfe
#c9cbfe
rgb(201,203,254)
-
#dddeff
#dddeff
rgb(221,222,255)
-
#f0f1ff
#f0f1ff
rgb(240,241,255)
Tones of #555bfd
A tone is produced by adding gray to any pure hue. In this case, #a4a5ae is the less saturated color, while #555bfd is the most saturated one.
-
#a4a5ae
#a4a5ae
rgb(164,165,174)
-
#9e9fb4
#9e9fb4
rgb(158,159,180)
-
#9798bb
#9798bb
rgb(151,152,187)
-
#9192c1
#9192c1
rgb(145,146,193)
-
#8a8cc8
#8a8cc8
rgb(138,140,200)
-
#8386cf
#8386cf
rgb(131,134,207)
-
#7d80d5
#7d80d5
rgb(125,128,213)
-
#767adc
#767adc
rgb(118,122,220)
-
#6f74e3
#6f74e3
rgb(111,116,227)
-
#696de9
#696de9
rgb(105,109,233)
-
#6267f0
#6267f0
rgb(98,103,240)
-
#5c61f6
#5c61f6
rgb(92,97,246)
-
#555bfd
#555bfd
rgb(85,91,253)
Color Blindness Simulator
Below, you can see how #555bfd 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.