#558bcf Color Information
In a RGB color space, hex #558bcf is composed of 33.3% red, 54.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 32.9% magenta, 0% yellow and 18.8% black. It has a hue angle of 213.4 degrees, a saturation of 56% and a lightness of 57.3%. #558bcf color hex could be obtained by blending #aaffff with #00179f. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 81
-
- C 59
- M 33
- Y 0
- K 19
● #558bcf color description : Moderate blue.
#558bcf Color Conversion
The hexadecimal color #558bcf has RGB values of R:85, G:139, B:207 and CMYK values of C:0.59, M:0.33, Y:0, K:0.19. Its decimal value is 5606351.
Hex triplet | 558bcf | #558bcf |
---|---|---|
RGB Decimal | 85, 139, 207 | rgb(85,139,207) |
RGB Percent | 33.3, 54.5, 81.2 | rgb(33.3%,54.5%,81.2%) |
CMYK | 59, 33, 0, 19 | |
HSL | 213.4°, 56, 57.3 | hsl(213.4,56%,57.3%) |
HSV (or HSB) | 213.4°, 58.9, 81.2 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.978, 2.514, -40.441 |
---|---|
XYZ | 24.239, 24.9, 62.557 |
xyY | 0.217, 0.223, 24.9 |
CIE-LCH | 56.978, 40.519, 273.558 |
CIE-LUV | 56.978, -23.866, -63.351 |
Hunter-Lab | 49.9, -0.619, -39.399 |
Binary | 01010101, 10001011, 11001111 |
Color Schemes with #558bcf
Alternatives to #558bcf
Below, you can see some colors close to #558bcf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558bcf Preview
This text has a font color of #558bcf.
<span style="color:#558bcf;">Text here</span>
This paragraph has a background color of #558bcf.
<p style="background-color:#558bcf;">Content here</p>
This element has a border color of #558bcf.
<div style="border:1px solid #558bcf;">Content here</div>
.text {color:#558bcf;}
.background {background-color:#558bcf;}
.border {border:1px solid #558bcf;}
Shades and Tints of #558bcf
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, #04080e is the darkest color, while #fdfeff is the lightest one.
-
#04080e
#04080e
rgb(4,8,14)
-
#08111d
#08111d
rgb(8,17,29)
-
#0c1a2c
#0c1a2c
rgb(12,26,44)
-
#11243b
#11243b
rgb(17,36,59)
-
#152d4b
#152d4b
rgb(21,45,75)
-
#19365a
#19365a
rgb(25,54,90)
-
#1e3f69
#1e3f69
rgb(30,63,105)
-
#224879
#224879
rgb(34,72,121)
-
#265288
#265288
rgb(38,82,136)
-
#2b5b97
#2b5b97
rgb(43,91,151)
-
#2f64a7
#2f64a7
rgb(47,100,167)
-
#336db6
#336db6
rgb(51,109,182)
-
#3876c5
#3876c5
rgb(56,118,197)
-
#4681cb
#4681cb
rgb(70,129,203)
-
#558bcf
#558bcf
rgb(85,139,207)
-
#6495d3
#6495d3
rgb(100,149,211)
-
#74a0d8
#74a0d8
rgb(116,160,216)
-
#83aadc
#83aadc
rgb(131,170,220)
-
#92b5e0
#92b5e0
rgb(146,181,224)
-
#a1bfe5
#a1bfe5
rgb(161,191,229)
-
#b1cae9
#b1cae9
rgb(177,202,233)
-
#c0d4ed
#c0d4ed
rgb(192,212,237)
-
#cfdff2
#cfdff2
rgb(207,223,242)
-
#dfe9f6
#dfe9f6
rgb(223,233,246)
-
#eef3fa
#eef3fa
rgb(238,243,250)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #558bcf
A tone is produced by adding gray to any pure hue. In this case, #909294 is the less saturated color, while #2b86f9 is the most saturated one.
-
#909294
#909294
rgb(144,146,148)
-
#87919d
#87919d
rgb(135,145,157)
-
#7f90a5
#7f90a5
rgb(127,144,165)
-
#778fad
#778fad
rgb(119,143,173)
-
#6e8eb6
#6e8eb6
rgb(110,142,182)
-
#668dbe
#668dbe
rgb(102,141,190)
-
#5d8cc7
#5d8cc7
rgb(93,140,199)
-
#558bcf
#558bcf
rgb(85,139,207)
-
#4d8ad7
#4d8ad7
rgb(77,138,215)
-
#4489e0
#4489e0
rgb(68,137,224)
-
#3c88e8
#3c88e8
rgb(60,136,232)
-
#3387f1
#3387f1
rgb(51,135,241)
-
#2b86f9
#2b86f9
rgb(43,134,249)
Color Blindness Simulator
Below, you can see how #558bcf 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.