#555bfe Color Information
In a RGB color space, hex #555bfe is composed of 33.3% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 237.9 degrees, a saturation of 98.8% and a lightness of 66.5%. #555bfe color hex could be obtained by blending #aab6ff with #0000fd. Closest websafe color is: #6666ff.
-
- R 33
- G 36
- B 100
-
- C 67
- M 64
- Y 0
- K 0
● #555bfe color description : Soft blue.
#555bfe Color Conversion
The hexadecimal color #555bfe has RGB values of R:85, G:91, B:254 and CMYK values of C:0.67, M:0.64, Y:0, K:0. Its decimal value is 5594110.
| Hex triplet | 555bfe | #555bfe |
|---|---|---|
| RGB Decimal | 85, 91, 254 | rgb(85,91,254) |
| RGB Percent | 33.3, 35.7, 99.6 | rgb(33.3%,35.7%,99.6%) |
| CMYK | 67, 64, 0, 0 | |
| HSL | 237.9°, 98.8, 66.5 | hsl(237.9,98.8%,66.5%) |
| HSV (or HSB) | 237.9°, 66.5, 99.6 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 47.711, 47.33, -81.68 |
|---|---|
| XYZ | 25.373, 16.568, 95.621 |
| xyY | 0.184, 0.12, 16.568 |
| CIE-LCH | 47.711, 94.402, 300.09 |
| CIE-LUV | 47.711, -10.449, -125.553 |
| Hunter-Lab | 40.704, 40.039, -110.792 |
| Binary | 01010101, 01011011, 11111110 |
Color Schemes with #555bfe
Alternatives to #555bfe
Below, you can see some colors close to #555bfe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#555bfe Preview
This text has a font color of #555bfe.
<span style="color:#555bfe;">Text here</span>
This paragraph has a background color of #555bfe.
<p style="background-color:#555bfe;">Content here</p>
This element has a border color of #555bfe.
<div style="border:1px solid #555bfe;">Content here</div>
.text {color:#555bfe;}
.background {background-color:#555bfe;}
.border {border:1px solid #555bfe;}
Shades and Tints of #555bfe
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, #000006 is the darkest color, while #f1f1ff is the lightest one.
-
#000006
#000006rgb(0,0,6) -
#000119
#000119rgb(0,1,25) -
#00022d
#00022drgb(0,2,45) -
#000340
#000340rgb(0,3,64) -
#000354
#000354rgb(0,3,84) -
#010467
#010467rgb(1,4,103) -
#01057b
#01057brgb(1,5,123) -
#01068e
#01068ergb(1,6,142) -
#0107a2
#0107a2rgb(1,7,162) -
#0107b5
#0107b5rgb(1,7,181) -
#0108c9
#0108c9rgb(1,8,201) -
#0109dc
#0109dcrgb(1,9,220) -
#010af0
#010af0rgb(1,10,240)
-
#0710fe
#0710fergb(7,16,254) -
#1a23fe
#1a23fergb(26,35,254) -
#2e35fe
#2e35fergb(46,53,254) -
#4148fe
#4148fergb(65,72,254) -
#555bfe
#555bfergb(85,91,254) -
#696efe
#696efergb(105,110,254) -
#7c81fe
#7c81fergb(124,129,254) -
#9093fe
#9093fergb(144,147,254) -
#a3a6fe
#a3a6fergb(163,166,254) -
#b7b9ff
#b7b9ffrgb(183,185,255) -
#caccff
#caccffrgb(202,204,255) -
#dedfff
#dedfffrgb(222,223,255) -
#f1f1ff
#f1f1ffrgb(241,241,255)
Tones of #555bfe
A tone is produced by adding gray to any pure hue. In this case, #a4a4af is the less saturated color, while #555bfe is the most saturated one.
-
#a4a4af
#a4a4afrgb(164,164,175) -
#9d9eb6
#9d9eb6rgb(157,158,182) -
#9798bc
#9798bcrgb(151,152,188) -
#9092c3
#9092c3rgb(144,146,195) -
#8a8cc9
#8a8cc9rgb(138,140,201) -
#8386d0
#8386d0rgb(131,134,208) -
#7c80d7
#7c80d7rgb(124,128,215) -
#767add
#767addrgb(118,122,221) -
#6f73e4
#6f73e4rgb(111,115,228) -
#696dea
#696deargb(105,109,234) -
#6267f1
#6267f1rgb(98,103,241) -
#5c61f7
#5c61f7rgb(92,97,247) -
#555bfe
#555bfergb(85,91,254)
Color Blindness Simulator
Below, you can see how #555bfe 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.
