#556cf8 Color Information
In a RGB color space, hex #556cf8 is composed of 33.3% red, 42.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 56.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 231.5 degrees, a saturation of 92.1% and a lightness of 65.3%. #556cf8 color hex could be obtained by blending #aad8ff with #0000f1. Closest websafe color is: #6666ff.
-
- R 33
- G 42
- B 97
-
- C 66
- M 56
- Y 0
- K 3
● #556cf8 color description : Soft blue.
#556cf8 Color Conversion
The hexadecimal color #556cf8 has RGB values of R:85, G:108, B:248 and CMYK values of C:0.66, M:0.56, Y:0, K:0.03. Its decimal value is 5598456.
Hex triplet | 556cf8 | #556cf8 |
---|---|---|
RGB Decimal | 85, 108, 248 | rgb(85,108,248) |
RGB Percent | 33.3, 42.4, 97.3 | rgb(33.3%,42.4%,97.3%) |
CMYK | 66, 56, 0, 3 | |
HSL | 231.5°, 92.1, 65.3 | hsl(231.5,92.1%,65.3%) |
HSV (or HSB) | 231.5°, 65.7, 97.3 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 51.189, 35.169, -72.67 |
---|---|
XYZ | 26.049, 19.432, 91.18 |
xyY | 0.191, 0.142, 19.432 |
CIE-LCH | 51.189, 80.733, 295.825 |
CIE-LUV | 51.189, -14.347, -114.758 |
Hunter-Lab | 44.082, 28.335, -91.779 |
Binary | 01010101, 01101100, 11111000 |
Color Schemes with #556cf8
Alternatives to #556cf8
Below, you can see some colors close to #556cf8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#556cf8 Preview
This text has a font color of #556cf8.
<span style="color:#556cf8;">Text here</span>
This paragraph has a background color of #556cf8.
<p style="background-color:#556cf8;">Content here</p>
This element has a border color of #556cf8.
<div style="border:1px solid #556cf8;">Content here</div>
.text {color:#556cf8;}
.background {background-color:#556cf8;}
.border {border:1px solid #556cf8;}
Shades and Tints of #556cf8
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, #010312 is the darkest color, while #ffffff is the lightest one.
-
#010312
#010312
rgb(1,3,18)
-
#020725
#020725
rgb(2,7,37)
-
#020a38
#020a38
rgb(2,10,56)
-
#030d4b
#030d4b
rgb(3,13,75)
-
#04115e
#04115e
rgb(4,17,94)
-
#051471
#051471
rgb(5,20,113)
-
#051783
#051783
rgb(5,23,131)
-
#061b96
#061b96
rgb(6,27,150)
-
#071ea9
#071ea9
rgb(7,30,169)
-
#0821bc
#0821bc
rgb(8,33,188)
-
#0924cf
#0924cf
rgb(9,36,207)
-
#0928e2
#0928e2
rgb(9,40,226)
-
#0a2bf4
#0a2bf4
rgb(10,43,244)
-
#1c3bf6
#1c3bf6
rgb(28,59,246)
-
#2f4bf6
#2f4bf6
rgb(47,75,246)
-
#425cf7
#425cf7
rgb(66,92,247)
-
#556cf8
#556cf8
rgb(85,108,248)
-
#687cf9
#687cf9
rgb(104,124,249)
-
#7b8dfa
#7b8dfa
rgb(123,141,250)
-
#8e9dfa
#8e9dfa
rgb(142,157,250)
-
#a0adfb
#a0adfb
rgb(160,173,251)
-
#b3bdfc
#b3bdfc
rgb(179,189,252)
-
#c6cefd
#c6cefd
rgb(198,206,253)
-
#d9defd
#d9defd
rgb(217,222,253)
-
#eceefe
#eceefe
rgb(236,238,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #556cf8
A tone is produced by adding gray to any pure hue. In this case, #a0a2ad is the less saturated color, while #4e67ff is the most saturated one.
-
#a0a2ad
#a0a2ad
rgb(160,162,173)
-
#999db4
#999db4
rgb(153,157,180)
-
#9298bb
#9298bb
rgb(146,152,187)
-
#8b93c2
#8b93c2
rgb(139,147,194)
-
#858ec8
#858ec8
rgb(133,142,200)
-
#7e89cf
#7e89cf
rgb(126,137,207)
-
#7784d6
#7784d6
rgb(119,132,214)
-
#7080dd
#7080dd
rgb(112,128,221)
-
#697be4
#697be4
rgb(105,123,228)
-
#6376ea
#6376ea
rgb(99,118,234)
-
#5c71f1
#5c71f1
rgb(92,113,241)
-
#556cf8
#556cf8
rgb(85,108,248)
-
#4e67ff
#4e67ff
rgb(78,103,255)
Color Blindness Simulator
Below, you can see how #556cf8 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.