#555efe Color Information
In a RGB color space, hex #555efe is composed of 33.3% red, 36.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 63% magenta, 0% yellow and 0.4% black. It has a hue angle of 236.8 degrees, a saturation of 98.8% and a lightness of 66.5%. #555efe color hex could be obtained by blending #aabcff with #0000fd. Closest websafe color is: #6666ff.
-
- R 33
- G 37
- B 100
-
- C 67
- M 63
- Y 0
- K 0
● #555efe color description : Soft blue.
#555efe Color Conversion
The hexadecimal color #555efe has RGB values of R:85, G:94, B:254 and CMYK values of C:0.67, M:0.63, Y:0, K:0. Its decimal value is 5594878.
| Hex triplet | 555efe | #555efe |
|---|---|---|
| RGB Decimal | 85, 94, 254 | rgb(85,94,254) |
| RGB Percent | 33.3, 36.9, 99.6 | rgb(33.3%,36.9%,99.6%) |
| CMYK | 67, 63, 0, 0 | |
| HSL | 236.8°, 98.8, 66.5 | hsl(236.8,98.8%,66.5%) |
| HSV (or HSB) | 236.8°, 66.5, 99.6 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 48.375, 45.572, -80.594 |
|---|---|
| XYZ | 25.635, 17.091, 95.708 |
| xyY | 0.185, 0.123, 17.091 |
| CIE-LCH | 48.375, 92.586, 299.486 |
| CIE-LUV | 48.375, -11.112, -124.556 |
| Hunter-Lab | 41.341, 38.336, -108.322 |
| Binary | 01010101, 01011110, 11111110 |
Color Schemes with #555efe
Alternatives to #555efe
Below, you can see some colors close to #555efe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#555efe Preview
This text has a font color of #555efe.
<span style="color:#555efe;">Text here</span>
This paragraph has a background color of #555efe.
<p style="background-color:#555efe;">Content here</p>
This element has a border color of #555efe.
<div style="border:1px solid #555efe;">Content here</div>
.text {color:#555efe;}
.background {background-color:#555efe;}
.border {border:1px solid #555efe;}
Shades and Tints of #555efe
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 #f1f2ff is the lightest one.
-
#000006
#000006rgb(0,0,6) -
#000119
#000119rgb(0,1,25) -
#00032d
#00032drgb(0,3,45) -
#000440
#000440rgb(0,4,64) -
#000554
#000554rgb(0,5,84) -
#010667
#010667rgb(1,6,103) -
#01077b
#01077brgb(1,7,123) -
#01088e
#01088ergb(1,8,142) -
#010aa2
#010aa2rgb(1,10,162) -
#010bb5
#010bb5rgb(1,11,181) -
#010cc9
#010cc9rgb(1,12,201) -
#010ddc
#010ddcrgb(1,13,220) -
#010ef0
#010ef0rgb(1,14,240)
-
#0714fe
#0714fergb(7,20,254) -
#1a27fe
#1a27fergb(26,39,254) -
#2e39fe
#2e39fergb(46,57,254) -
#414cfe
#414cfergb(65,76,254) -
#555efe
#555efergb(85,94,254) -
#6970fe
#6970fergb(105,112,254) -
#7c83fe
#7c83fergb(124,131,254) -
#9095fe
#9095fergb(144,149,254) -
#a3a8fe
#a3a8fergb(163,168,254) -
#b7baff
#b7baffrgb(183,186,255) -
#cacdff
#cacdffrgb(202,205,255) -
#dedfff
#dedfffrgb(222,223,255) -
#f1f2ff
#f1f2ffrgb(241,242,255)
Tones of #555efe
A tone is produced by adding gray to any pure hue. In this case, #a4a5af is the less saturated color, while #555efe is the most saturated one.
-
#a4a5af
#a4a5afrgb(164,165,175) -
#9d9fb6
#9d9fb6rgb(157,159,182) -
#9799bc
#9799bcrgb(151,153,188) -
#9093c3
#9093c3rgb(144,147,195) -
#8a8dc9
#8a8dc9rgb(138,141,201) -
#8387d0
#8387d0rgb(131,135,208) -
#7c81d7
#7c81d7rgb(124,129,215) -
#767bdd
#767bddrgb(118,123,221) -
#6f76e4
#6f76e4rgb(111,118,228) -
#6970ea
#6970eargb(105,112,234) -
#626af1
#626af1rgb(98,106,241) -
#5c64f7
#5c64f7rgb(92,100,247) -
#555efe
#555efergb(85,94,254)
Color Blindness Simulator
Below, you can see how #555efe 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.
