#558bc3 Color Information
In a RGB color space, hex #558bc3 is composed of 33.3% red, 54.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 56.4% cyan, 28.7% magenta, 0% yellow and 23.5% black. It has a hue angle of 210.5 degrees, a saturation of 47.8% and a lightness of 54.9%. #558bc3 color hex could be obtained by blending #aaffff with #001787. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 76
-
- C 56
- M 29
- Y 0
- K 24
● #558bc3 color description : Moderate blue.
#558bc3 Color Conversion
The hexadecimal color #558bc3 has RGB values of R:85, G:139, B:195 and CMYK values of C:0.56, M:0.29, Y:0, K:0.24. Its decimal value is 5606339.
Hex triplet | 558bc3 | #558bc3 |
---|---|---|
RGB Decimal | 85, 139, 195 | rgb(85,139,195) |
RGB Percent | 33.3, 54.5, 76.5 | rgb(33.3%,54.5%,76.5%) |
CMYK | 56, 29, 0, 24 | |
HSL | 210.5°, 47.8, 54.9 | hsl(210.5,47.8%,54.9%) |
HSV (or HSB) | 210.5°, 56.4, 76.5 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.422, -1.369, -34.532 |
---|---|
XYZ | 22.827, 24.335, 55.121 |
xyY | 0.223, 0.238, 24.335 |
CIE-LCH | 56.422, 34.56, 267.73 |
CIE-LUV | 56.422, -24.052, -53.134 |
Hunter-Lab | 49.331, -3.731, -31.718 |
Binary | 01010101, 10001011, 11000011 |
Color Schemes with #558bc3
Alternatives to #558bc3
Below, you can see some colors close to #558bc3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558bc3 Preview
This text has a font color of #558bc3.
<span style="color:#558bc3;">Text here</span>
This paragraph has a background color of #558bc3.
<p style="background-color:#558bc3;">Content here</p>
This element has a border color of #558bc3.
<div style="border:1px solid #558bc3;">Content here</div>
.text {color:#558bc3;}
.background {background-color:#558bc3;}
.border {border:1px solid #558bc3;}
Shades and Tints of #558bc3
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, #010304 is the darkest color, while #f4f8fb is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#070c12
#070c12
rgb(7,12,18)
-
#0c1621
#0c1621
rgb(12,22,33)
-
#11202f
#11202f
rgb(17,32,47)
-
#162a3e
#162a3e
rgb(22,42,62)
-
#1b334c
#1b334c
rgb(27,51,76)
-
#203d5b
#203d5b
rgb(32,61,91)
-
#254769
#254769
rgb(37,71,105)
-
#2a5078
#2a5078
rgb(42,80,120)
-
#2f5a86
#2f5a86
rgb(47,90,134)
-
#356495
#356495
rgb(53,100,149)
-
#3a6ea3
#3a6ea3
rgb(58,110,163)
-
#3f77b2
#3f77b2
rgb(63,119,178)
-
#4781be
#4781be
rgb(71,129,190)
-
#558bc3
#558bc3
rgb(85,139,195)
-
#6395c8
#6395c8
rgb(99,149,200)
-
#729fcd
#729fcd
rgb(114,159,205)
-
#80a9d2
#80a9d2
rgb(128,169,210)
-
#8fb3d7
#8fb3d7
rgb(143,179,215)
-
#9dbcdd
#9dbcdd
rgb(157,188,221)
-
#acc6e2
#acc6e2
rgb(172,198,226)
-
#bad0e7
#bad0e7
rgb(186,208,231)
-
#c9daec
#c9daec
rgb(201,218,236)
-
#d7e4f1
#d7e4f1
rgb(215,228,241)
-
#e6eef6
#e6eef6
rgb(230,238,246)
-
#f4f8fb
#f4f8fb
rgb(244,248,251)
Tones of #558bc3
A tone is produced by adding gray to any pure hue. In this case, #8a8c8e is the less saturated color, while #208af8 is the most saturated one.
-
#8a8c8e
#8a8c8e
rgb(138,140,142)
-
#818c97
#818c97
rgb(129,140,151)
-
#788ca0
#788ca0
rgb(120,140,160)
-
#708ba8
#708ba8
rgb(112,139,168)
-
#678bb1
#678bb1
rgb(103,139,177)
-
#5e8bba
#5e8bba
rgb(94,139,186)
-
#558bc3
#558bc3
rgb(85,139,195)
-
#4c8bcc
#4c8bcc
rgb(76,139,204)
-
#438bd5
#438bd5
rgb(67,139,213)
-
#3a8bde
#3a8bde
rgb(58,139,222)
-
#328ae6
#328ae6
rgb(50,138,230)
-
#298aef
#298aef
rgb(41,138,239)
-
#208af8
#208af8
rgb(32,138,248)
Color Blindness Simulator
Below, you can see how #558bc3 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.