#556fec Color Information
In a RGB color space, hex #556fec is composed of 33.3% red, 43.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 53% magenta, 0% yellow and 7.5% black. It has a hue angle of 229.7 degrees, a saturation of 79.9% and a lightness of 62.9%. #556fec color hex could be obtained by blending #aadeff with #0000d9. Closest websafe color is: #6666ff.
-
- R 33
- G 44
- B 93
-
- C 64
- M 53
- Y 0
- K 7
● #556fec color description : Soft blue.
#556fec Color Conversion
The hexadecimal color #556fec has RGB values of R:85, G:111, B:236 and CMYK values of C:0.64, M:0.53, Y:0, K:0.07. Its decimal value is 5599212.
Hex triplet | 556fec | #556fec |
---|---|---|
RGB Decimal | 85, 111, 236 | rgb(85,111,236) |
RGB Percent | 33.3, 43.5, 92.5 | rgb(33.3%,43.5%,92.5%) |
CMYK | 64, 53, 0, 7 | |
HSL | 229.7°, 79.9, 62.9 | hsl(229.7,79.9%,62.9%) |
HSV (or HSB) | 229.7°, 64, 92.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.1, 29.279, -66.12 |
---|---|
XYZ | 24.568, 19.355, 81.793 |
xyY | 0.195, 0.154, 19.355 |
CIE-LCH | 51.1, 72.313, 293.885 |
CIE-LUV | 51.1, -14.907, -104.578 |
Hunter-Lab | 43.994, 22.691, -79.435 |
Binary | 01010101, 01101111, 11101100 |
Color Schemes with #556fec
Alternatives to #556fec
Below, you can see some colors close to #556fec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556fec Preview
This text has a font color of #556fec.
<span style="color:#556fec;">Text here</span>
This paragraph has a background color of #556fec.
<p style="background-color:#556fec;">Content here</p>
This element has a border color of #556fec.
<div style="border:1px solid #556fec;">Content here</div>
.text {color:#556fec;}
.background {background-color:#556fec;}
.border {border:1px solid #556fec;}
Shades and Tints of #556fec
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, #010206 is the darkest color, while #f4f6fe is the lightest one.
-
#010206
#010206
rgb(1,2,6)
-
#030618
#030618
rgb(3,6,24)
-
#050b2a
#050b2a
rgb(5,11,42)
-
#07103b
#07103b
rgb(7,16,59)
-
#09144d
#09144d
rgb(9,20,77)
-
#0b195f
#0b195f
rgb(11,25,95)
-
#0d1e70
#0d1e70
rgb(13,30,112)
-
#0f2282
#0f2282
rgb(15,34,130)
-
#102794
#102794
rgb(16,39,148)
-
#122ca5
#122ca5
rgb(18,44,165)
-
#1430b7
#1430b7
rgb(20,48,183)
-
#1635c9
#1635c9
rgb(22,53,201)
-
#183ada
#183ada
rgb(24,58,218)
-
#2042e6
#2042e6
rgb(32,66,230)
-
#3251e8
#3251e8
rgb(50,81,232)
-
#4360ea
#4360ea
rgb(67,96,234)
-
#556fec
#556fec
rgb(85,111,236)
-
#677eee
#677eee
rgb(103,126,238)
-
#788df0
#788df0
rgb(120,141,240)
-
#8a9cf2
#8a9cf2
rgb(138,156,242)
-
#9cabf4
#9cabf4
rgb(156,171,244)
-
#adbaf6
#adbaf6
rgb(173,186,246)
-
#bfc9f8
#bfc9f8
rgb(191,201,248)
-
#d1d8fa
#d1d8fa
rgb(209,216,250)
-
#e2e7fc
#e2e7fc
rgb(226,231,252)
-
#f4f6fe
#f4f6fe
rgb(244,246,254)
Tones of #556fec
A tone is produced by adding gray to any pure hue. In this case, #9e9fa3 is the less saturated color, while #4665fb is the most saturated one.
-
#9e9fa3
#9e9fa3
rgb(158,159,163)
-
#969aab
#969aab
rgb(150,154,171)
-
#8f95b2
#8f95b2
rgb(143,149,178)
-
#8890b9
#8890b9
rgb(136,144,185)
-
#818cc0
#818cc0
rgb(129,140,192)
-
#7987c8
#7987c8
rgb(121,135,200)
-
#7282cf
#7282cf
rgb(114,130,207)
-
#6b7dd6
#6b7dd6
rgb(107,125,214)
-
#6479dd
#6479dd
rgb(100,121,221)
-
#5c74e5
#5c74e5
rgb(92,116,229)
-
#556fec
#556fec
rgb(85,111,236)
-
#4e6af3
#4e6af3
rgb(78,106,243)
-
#4665fb
#4665fb
rgb(70,101,251)
Color Blindness Simulator
Below, you can see how #556fec 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.