#554fde Color Information
In a RGB color space, hex #554fde is composed of 33.3% red, 31% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 64.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 242.5 degrees, a saturation of 68.4% and a lightness of 59%. #554fde color hex could be obtained by blending #aa9eff with #0000bd. Closest websafe color is: #6666cc.
-
- R 33
- G 31
- B 87
-
- C 62
- M 64
- Y 0
- K 13
● #554fde color description : Soft blue.
#554fde Color Conversion
The hexadecimal color #554fde has RGB values of R:85, G:79, B:222 and CMYK values of C:0.62, M:0.64, Y:0, K:0.13. Its decimal value is 5591006.
Hex triplet | 554fde | #554fde |
---|---|---|
RGB Decimal | 85, 79, 222 | rgb(85,79,222) |
RGB Percent | 33.3, 31, 87.1 | rgb(33.3%,31%,87.1%) |
CMYK | 62, 64, 0, 13 | |
HSL | 242.5°, 68.4, 59 | hsl(242.5,68.4%,59%) |
HSV (or HSB) | 242.5°, 64.4, 87.1 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 42.455, 44.063, -72.268 |
---|---|
XYZ | 19.725, 12.796, 70.534 |
xyY | 0.191, 0.124, 12.796 |
CIE-LCH | 42.455, 84.642, 301.372 |
CIE-LUV | 42.455, -6.313, -108.312 |
Hunter-Lab | 35.772, 35.823, -91.865 |
Binary | 01010101, 01001111, 11011110 |
Color Schemes with #554fde
Alternatives to #554fde
Below, you can see some colors close to #554fde. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#554fde Preview
This text has a font color of #554fde.
<span style="color:#554fde;">Text here</span>
This paragraph has a background color of #554fde.
<p style="background-color:#554fde;">Content here</p>
This element has a border color of #554fde.
<div style="border:1px solid #554fde;">Content here</div>
.text {color:#554fde;}
.background {background-color:#554fde;}
.border {border:1px solid #554fde;}
Shades and Tints of #554fde
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, #010106 is the darkest color, while #f5f4fd is the lightest one.
-
#010106
#010106
rgb(1,1,6)
-
#050416
#050416
rgb(5,4,22)
-
#090727
#090727
rgb(9,7,39)
-
#0c0a37
#0c0a37
rgb(12,10,55)
-
#100d48
#100d48
rgb(16,13,72)
-
#141158
#141158
rgb(20,17,88)
-
#171469
#171469
rgb(23,20,105)
-
#1b1779
#1b1779
rgb(27,23,121)
-
#1f1a8a
#1f1a8a
rgb(31,26,138)
-
#221d9a
#221d9a
rgb(34,29,154)
-
#2620ab
#2620ab
rgb(38,32,171)
-
#2a23bb
#2a23bb
rgb(42,35,187)
-
#2d26cc
#2d26cc
rgb(45,38,204)
-
#352ed8
#352ed8
rgb(53,46,216)
-
#453edb
#453edb
rgb(69,62,219)
-
#554fde
#554fde
rgb(85,79,222)
-
#6560e1
#6560e1
rgb(101,96,225)
-
#7570e4
#7570e4
rgb(117,112,228)
-
#8581e7
#8581e7
rgb(133,129,231)
-
#9591ea
#9591ea
rgb(149,145,234)
-
#a5a2ed
#a5a2ed
rgb(165,162,237)
-
#b5b2f1
#b5b2f1
rgb(181,178,241)
-
#c5c3f4
#c5c3f4
rgb(197,195,244)
-
#d5d3f7
#d5d3f7
rgb(213,211,247)
-
#e5e4fa
#e5e4fa
rgb(229,228,250)
-
#f5f4fd
#f5f4fd
rgb(245,244,253)
Tones of #554fde
A tone is produced by adding gray to any pure hue. In this case, #908f9e is the less saturated color, while #382ffe is the most saturated one.
-
#908f9e
#908f9e
rgb(144,143,158)
-
#8987a6
#8987a6
rgb(137,135,166)
-
#817fae
#817fae
rgb(129,127,174)
-
#7a77b6
#7a77b6
rgb(122,119,182)
-
#726fbe
#726fbe
rgb(114,111,190)
-
#6b67c6
#6b67c6
rgb(107,103,198)
-
#645fce
#645fce
rgb(100,95,206)
-
#5c57d6
#5c57d6
rgb(92,87,214)
-
#554fde
#554fde
rgb(85,79,222)
-
#4e47e6
#4e47e6
rgb(78,71,230)
-
#463fee
#463fee
rgb(70,63,238)
-
#3f37f6
#3f37f6
rgb(63,55,246)
-
#382ffe
#382ffe
rgb(56,47,254)
Color Blindness Simulator
Below, you can see how #554fde 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.