#555aee Color Information
In a RGB color space, hex #555aee is composed of 33.3% red, 35.3% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 62.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 238 degrees, a saturation of 81.8% and a lightness of 63.3%. #555aee color hex could be obtained by blending #aab4ff with #0000dd. Closest websafe color is: #6666ff.
-
- R 33
- G 35
- B 93
-
- C 64
- M 62
- Y 0
- K 7
● #555aee color description : Soft blue.
#555aee Color Conversion
The hexadecimal color #555aee has RGB values of R:85, G:90, B:238 and CMYK values of C:0.64, M:0.62, Y:0, K:0.07. Its decimal value is 5593838.
| Hex triplet | 555aee | #555aee |
|---|---|---|
| RGB Decimal | 85, 90, 238 | rgb(85,90,238) |
| RGB Percent | 33.3, 35.3, 93.3 | rgb(33.3%,35.3%,93.3%) |
| CMYK | 64, 62, 0, 7 | |
| HSL | 238°, 81.8, 63.3 | hsl(238,81.8%,63.3%) |
| HSV (or HSB) | 238°, 64.3, 93.3 | |
| Web Safe | 6666ff | #6666ff |
| CIE-LAB | 46.198, 42.722, -75.208 |
|---|---|
| XYZ | 22.832, 15.416, 82.657 |
| xyY | 0.189, 0.128, 15.416 |
| CIE-LCH | 46.198, 86.495, 299.599 |
| CIE-LUV | 46.198, -9.563, -115.299 |
| Hunter-Lab | 39.263, 35.092, -97.335 |
| Binary | 01010101, 01011010, 11101110 |
Color Schemes with #555aee
Alternatives to #555aee
Below, you can see some colors close to #555aee. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#555aee Preview
This text has a font color of #555aee.
<span style="color:#555aee;">Text here</span>
This paragraph has a background color of #555aee.
<p style="background-color:#555aee;">Content here</p>
This element has a border color of #555aee.
<div style="border:1px solid #555aee;">Content here</div>
.text {color:#555aee;}
.background {background-color:#555aee;}
.border {border:1px solid #555aee;}
Shades and Tints of #555aee
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, #010108 is the darkest color, while #f5f6fe is the lightest one.
-
#010108
#010108rgb(1,1,8) -
#03031a
#03031argb(3,3,26) -
#04062c
#04062crgb(4,6,44) -
#06083e
#06083ergb(6,8,62) -
#080a50
#080a50rgb(8,10,80) -
#0a0d61
#0a0d61rgb(10,13,97) -
#0c0f73
#0c0f73rgb(12,15,115) -
#0d1185
#0d1185rgb(13,17,133) -
#0f1497
#0f1497rgb(15,20,151) -
#1116a9
#1116a9rgb(17,22,169) -
#1318bb
#1318bbrgb(19,24,187) -
#141acc
#141accrgb(20,26,204) -
#161dde
#161ddergb(22,29,222)
-
#2026e9
#2026e9rgb(32,38,233) -
#3137ea
#3137eargb(49,55,234) -
#4349ec
#4349ecrgb(67,73,236) -
#555aee
#555aeergb(85,90,238) -
#676bf0
#676bf0rgb(103,107,240) -
#797df2
#797df2rgb(121,125,242) -
#8a8ef3
#8a8ef3rgb(138,142,243) -
#9c9ff5
#9c9ff5rgb(156,159,245) -
#aeb1f7
#aeb1f7rgb(174,177,247) -
#c0c2f9
#c0c2f9rgb(192,194,249) -
#d2d3fa
#d2d3fargb(210,211,250) -
#e4e4fc
#e4e4fcrgb(228,228,252) -
#f5f6fe
#f5f6fergb(245,246,254)
Tones of #555aee
A tone is produced by adding gray to any pure hue. In this case, #9d9da6 is the less saturated color, while #474dfc is the most saturated one.
-
#9d9da6
#9d9da6rgb(157,157,166) -
#9697ad
#9697adrgb(150,151,173) -
#8f90b4
#8f90b4rgb(143,144,180) -
#8789bc
#8789bcrgb(135,137,188) -
#8082c3
#8082c3rgb(128,130,195) -
#797cca
#797ccargb(121,124,202) -
#7275d1
#7275d1rgb(114,117,209) -
#6b6ed8
#6b6ed8rgb(107,110,216) -
#6367e0
#6367e0rgb(99,103,224) -
#5c61e7
#5c61e7rgb(92,97,231) -
#555aee
#555aeergb(85,90,238) -
#4e53f5
#4e53f5rgb(78,83,245) -
#474dfc
#474dfcrgb(71,77,252)
Color Blindness Simulator
Below, you can see how #555aee 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.
