#558bac Color Information
In a RGB color space, hex #558bac is composed of 33.3% red, 54.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 19.2% magenta, 0% yellow and 32.5% black. It has a hue angle of 202.8 degrees, a saturation of 34.4% and a lightness of 50.4%. #558bac color hex could be obtained by blending #aaffff with #001759. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 67
-
- C 51
- M 19
- Y 0
- K 33
● #558bac color description : Dark moderate blue.
#558bac Color Conversion
The hexadecimal color #558bac has RGB values of R:85, G:139, B:172 and CMYK values of C:0.51, M:0.19, Y:0, K:0.33. Its decimal value is 5606316.
Hex triplet | 558bac | #558bac |
---|---|---|
RGB Decimal | 85, 139, 172 | rgb(85,139,172) |
RGB Percent | 33.3, 54.5, 67.5 | rgb(33.3%,54.5%,67.5%) |
CMYK | 51, 19, 0, 33 | |
HSL | 202.8°, 34.4, 50.4 | hsl(202.8,34.4%,50.4%) |
HSV (or HSB) | 202.8°, 50.6, 67.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.455, -8.518, -22.922 |
---|---|
XYZ | 20.424, 23.374, 42.463 |
xyY | 0.237, 0.271, 23.374 |
CIE-LCH | 55.455, 24.454, 249.615 |
CIE-LUV | 55.455, -24.464, -33.359 |
Hunter-Lab | 48.347, -9.201, -18.232 |
Binary | 01010101, 10001011, 10101100 |
Color Schemes with #558bac
Alternatives to #558bac
Below, you can see some colors close to #558bac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558bac Preview
This text has a font color of #558bac.
<span style="color:#558bac;">Text here</span>
This paragraph has a background color of #558bac.
<p style="background-color:#558bac;">Content here</p>
This element has a border color of #558bac.
<div style="border:1px solid #558bac;">Content here</div>
.text {color:#558bac;}
.background {background-color:#558bac;}
.border {border:1px solid #558bac;}
Shades and Tints of #558bac
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, #010101 is the darkest color, while #f3f7f9 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#070c0f
#070c0f
rgb(7,12,15)
-
#0e161c
#0e161c
rgb(14,22,28)
-
#142129
#142129
rgb(20,33,41)
-
#1a2c36
#1a2c36
rgb(26,44,54)
-
#213643
#213643
rgb(33,54,67)
-
#274150
#274150
rgb(39,65,80)
-
#2e4b5e
#2e4b5e
rgb(46,75,94)
-
#34566b
#34566b
rgb(52,86,107)
-
#3b6178
#3b6178
rgb(59,97,120)
-
#416b85
#416b85
rgb(65,107,133)
-
#477692
#477692
rgb(71,118,146)
-
#4e81a0
#4e81a0
rgb(78,129,160)
-
#558bac
#558bac
rgb(85,139,172)
-
#6294b2
#6294b2
rgb(98,148,178)
-
#6f9db9
#6f9db9
rgb(111,157,185)
-
#7da6bf
#7da6bf
rgb(125,166,191)
-
#8aafc6
#8aafc6
rgb(138,175,198)
-
#97b8cc
#97b8cc
rgb(151,184,204)
-
#a4c1d3
#a4c1d3
rgb(164,193,211)
-
#b1cad9
#b1cad9
rgb(177,202,217)
-
#bed3df
#bed3df
rgb(190,211,223)
-
#ccdce6
#ccdce6
rgb(204,220,230)
-
#d9e5ec
#d9e5ec
rgb(217,229,236)
-
#e6eef3
#e6eef3
rgb(230,238,243)
-
#f3f7f9
#f3f7f9
rgb(243,247,249)
Tones of #558bac
A tone is produced by adding gray to any pure hue. In this case, #7c8285 is the less saturated color, while #079efa is the most saturated one.
-
#7c8285
#7c8285
rgb(124,130,133)
-
#72848f
#72848f
rgb(114,132,143)
-
#688699
#688699
rgb(104,134,153)
-
#5f89a2
#5f89a2
rgb(95,137,162)
-
#558bac
#558bac
rgb(85,139,172)
-
#4b8db6
#4b8db6
rgb(75,141,182)
-
#4290bf
#4290bf
rgb(66,144,191)
-
#3892c9
#3892c9
rgb(56,146,201)
-
#2e94d3
#2e94d3
rgb(46,148,211)
-
#2497dd
#2497dd
rgb(36,151,221)
-
#1b99e6
#1b99e6
rgb(27,153,230)
-
#119bf0
#119bf0
rgb(17,155,240)
-
#079efa
#079efa
rgb(7,158,250)
Color Blindness Simulator
Below, you can see how #558bac 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.