#556bea Color Information
In a RGB color space, hex #556bea is composed of 33.3% red, 42% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 54.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 231.1 degrees, a saturation of 78% and a lightness of 62.5%. #556bea color hex could be obtained by blending #aad6ff with #0000d5. Closest websafe color is: #6666ff.
-
- R 33
- G 42
- B 92
-
- C 64
- M 54
- Y 0
- K 8
● #556bea color description : Soft blue.
#556bea Color Conversion
The hexadecimal color #556bea has RGB values of R:85, G:107, B:234 and CMYK values of C:0.64, M:0.54, Y:0, K:0.08. Its decimal value is 5598186.
Hex triplet | 556bea | #556bea |
---|---|---|
RGB Decimal | 85, 107, 234 | rgb(85,107,234) |
RGB Percent | 33.3, 42, 91.8 | rgb(33.3%,42%,91.8%) |
CMYK | 64, 54, 0, 8 | |
HSL | 231.1°, 78, 62.5 | hsl(231.1,78%,62.5%) |
HSV (or HSB) | 231.1°, 63.7, 91.8 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.961, 31.066, -66.842 |
---|---|
XYZ | 23.852, 18.386, 80.129 |
xyY | 0.195, 0.15, 18.386 |
CIE-LCH | 49.961, 73.709, 294.927 |
CIE-LUV | 49.961, -13.747, -105.166 |
Hunter-Lab | 42.879, 24.257, -80.782 |
Binary | 01010101, 01101011, 11101010 |
Color Schemes with #556bea
Alternatives to #556bea
Below, you can see some colors close to #556bea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556bea Preview
This text has a font color of #556bea.
<span style="color:#556bea;">Text here</span>
This paragraph has a background color of #556bea.
<p style="background-color:#556bea;">Content here</p>
This element has a border color of #556bea.
<div style="border:1px solid #556bea;">Content here</div>
.text {color:#556bea;}
.background {background-color:#556bea;}
.border {border:1px solid #556bea;}
Shades and Tints of #556bea
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, #010105 is the darkest color, while #f2f4fd is the lightest one.
-
#010105
#010105
rgb(1,1,5)
-
#030616
#030616
rgb(3,6,22)
-
#050a28
#050a28
rgb(5,10,40)
-
#070e39
#070e39
rgb(7,14,57)
-
#09134a
#09134a
rgb(9,19,74)
-
#0b175c
#0b175c
rgb(11,23,92)
-
#0e1c6d
#0e1c6d
rgb(14,28,109)
-
#10207f
#10207f
rgb(16,32,127)
-
#122490
#122490
rgb(18,36,144)
-
#1429a2
#1429a2
rgb(20,41,162)
-
#162db3
#162db3
rgb(22,45,179)
-
#1832c5
#1832c5
rgb(24,50,197)
-
#1a36d6
#1a36d6
rgb(26,54,214)
-
#213de4
#213de4
rgb(33,61,228)
-
#324de6
#324de6
rgb(50,77,230)
-
#445ce8
#445ce8
rgb(68,92,232)
-
#556bea
#556bea
rgb(85,107,234)
-
#667aec
#667aec
rgb(102,122,236)
-
#7889ee
#7889ee
rgb(120,137,238)
-
#8999f0
#8999f0
rgb(137,153,240)
-
#9ba8f3
#9ba8f3
rgb(155,168,243)
-
#acb7f5
#acb7f5
rgb(172,183,245)
-
#bec6f7
#bec6f7
rgb(190,198,247)
-
#cfd5f9
#cfd5f9
rgb(207,213,249)
-
#e1e5fb
#e1e5fb
rgb(225,229,251)
-
#f2f4fd
#f2f4fd
rgb(242,244,253)
Tones of #556bea
A tone is produced by adding gray to any pure hue. In this case, #9e9fa1 is the less saturated color, while #4661f9 is the most saturated one.
-
#9e9fa1
#9e9fa1
rgb(158,159,161)
-
#979aa8
#979aa8
rgb(151,154,168)
-
#9094af
#9094af
rgb(144,148,175)
-
#888fb7
#888fb7
rgb(136,143,183)
-
#818abe
#818abe
rgb(129,138,190)
-
#7a85c5
#7a85c5
rgb(122,133,197)
-
#7280cd
#7280cd
rgb(114,128,205)
-
#6b7bd4
#6b7bd4
rgb(107,123,212)
-
#6475db
#6475db
rgb(100,117,219)
-
#5c70e3
#5c70e3
rgb(92,112,227)
-
#556bea
#556bea
rgb(85,107,234)
-
#4e66f1
#4e66f1
rgb(78,102,241)
-
#4661f9
#4661f9
rgb(70,97,249)
Color Blindness Simulator
Below, you can see how #556bea 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.