#556bfa Color Information
In a RGB color space, hex #556bfa is composed of 33.3% red, 42% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 57.2% magenta, 0% yellow and 2% black. It has a hue angle of 232 degrees, a saturation of 94.3% and a lightness of 65.7%. #556bfa color hex could be obtained by blending #aad6ff with #0000f5. Closest websafe color is: #6666ff.
-
- R 33
- G 42
- B 98
-
- C 66
- M 57
- Y 0
- K 2
● #556bfa color description : Soft blue.
#556bfa Color Conversion
The hexadecimal color #556bfa has RGB values of R:85, G:107, B:250 and CMYK values of C:0.66, M:0.57, Y:0, K:0.02. Its decimal value is 5598202.
Hex triplet | 556bfa | #556bfa |
---|---|---|
RGB Decimal | 85, 107, 250 | rgb(85,107,250) |
RGB Percent | 33.3, 42, 98 | rgb(33.3%,42%,98%) |
CMYK | 66, 57, 0, 2 | |
HSL | 232°, 94.3, 65.7 | hsl(232,94.3%,65.7%) |
HSV (or HSB) | 232°, 66, 98 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.091, 36.45, -73.941 |
---|---|
XYZ | 26.256, 19.347, 92.788 |
xyY | 0.19, 0.14, 19.347 |
CIE-LCH | 51.091, 82.437, 296.241 |
CIE-LUV | 51.091, -14.134, -116.633 |
Hunter-Lab | 43.986, 29.575, -94.283 |
Binary | 01010101, 01101011, 11111010 |
Color Schemes with #556bfa
Alternatives to #556bfa
Below, you can see some colors close to #556bfa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556bfa Preview
This text has a font color of #556bfa.
<span style="color:#556bfa;">Text here</span>
This paragraph has a background color of #556bfa.
<p style="background-color:#556bfa;">Content here</p>
This element has a border color of #556bfa.
<div style="border:1px solid #556bfa;">Content here</div>
.text {color:#556bfa;}
.background {background-color:#556bfa;}
.border {border:1px solid #556bfa;}
Shades and Tints of #556bfa
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, #000001 is the darkest color, while #edf0fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010315
#010315
rgb(1,3,21)
-
#010628
#010628
rgb(1,6,40)
-
#02093b
#02093b
rgb(2,9,59)
-
#020c4e
#020c4e
rgb(2,12,78)
-
#030f61
#030f61
rgb(3,15,97)
-
#031274
#031274
rgb(3,18,116)
-
#041587
#041587
rgb(4,21,135)
-
#05189a
#05189a
rgb(5,24,154)
-
#051bad
#051bad
rgb(5,27,173)
-
#061fc0
#061fc0
rgb(6,31,192)
-
#0622d3
#0622d3
rgb(6,34,211)
-
#0725e6
#0725e6
rgb(7,37,230)
-
#0929f8
#0929f8
rgb(9,41,248)
-
#1c39f8
#1c39f8
rgb(28,57,248)
-
#2f4af9
#2f4af9
rgb(47,74,249)
-
#425af9
#425af9
rgb(66,90,249)
-
#556bfa
#556bfa
rgb(85,107,250)
-
#687cfb
#687cfb
rgb(104,124,251)
-
#7b8cfb
#7b8cfb
rgb(123,140,251)
-
#8e9dfc
#8e9dfc
rgb(142,157,252)
-
#a1adfc
#a1adfc
rgb(161,173,252)
-
#b4befd
#b4befd
rgb(180,190,253)
-
#c7cffd
#c7cffd
rgb(199,207,253)
-
#dadffe
#dadffe
rgb(218,223,254)
-
#edf0fe
#edf0fe
rgb(237,240,254)
Tones of #556bfa
A tone is produced by adding gray to any pure hue. In this case, #a6a6a9 is the less saturated color, while #556bfa is the most saturated one.
-
#a6a6a9
#a6a6a9
rgb(166,166,169)
-
#9fa1b0
#9fa1b0
rgb(159,161,176)
-
#989cb7
#989cb7
rgb(152,156,183)
-
#9297bd
#9297bd
rgb(146,151,189)
-
#8b92c4
#8b92c4
rgb(139,146,196)
-
#848ecb
#848ecb
rgb(132,142,203)
-
#7d89d2
#7d89d2
rgb(125,137,210)
-
#7784d8
#7784d8
rgb(119,132,216)
-
#707fdf
#707fdf
rgb(112,127,223)
-
#697ae6
#697ae6
rgb(105,122,230)
-
#6275ed
#6275ed
rgb(98,117,237)
-
#5c70f3
#5c70f3
rgb(92,112,243)
-
#556bfa
#556bfa
rgb(85,107,250)
Color Blindness Simulator
Below, you can see how #556bfa 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.