#558cd1 Color Information
In a RGB color space, hex #558cd1 is composed of 33.3% red, 54.9% green and 82% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 33% magenta, 0% yellow and 18% black. It has a hue angle of 213.4 degrees, a saturation of 57.4% and a lightness of 57.6%. #558cd1 color hex could be obtained by blending #aaffff with #0019a3. Closest websafe color is: #6699cc.
-
- R 33
- G 55
- B 82
-
- C 59
- M 33
- Y 0
- K 18
● #558cd1 color description : Moderate blue.
#558cd1 Color Conversion
The hexadecimal color #558cd1 has RGB values of R:85, G:140, B:209 and CMYK values of C:0.59, M:0.33, Y:0, K:0.18. Its decimal value is 5606609.
Hex triplet | 558cd1 | #558cd1 |
---|---|---|
RGB Decimal | 85, 140, 209 | rgb(85,140,209) |
RGB Percent | 33.3, 54.9, 82 | rgb(33.3%,54.9%,82%) |
CMYK | 59, 33, 0, 18 | |
HSL | 213.4°, 57.4, 57.6 | hsl(213.4,57.4%,57.6%) |
HSV (or HSB) | 213.4°, 59.3, 82 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 57.356, 2.582, -40.972 |
---|---|
XYZ | 24.63, 25.289, 63.901 |
xyY | 0.216, 0.222, 25.289 |
CIE-LCH | 57.356, 41.053, 273.605 |
CIE-LUV | 57.356, -24.192, -64.304 |
Hunter-Lab | 50.289, -0.579, -40.138 |
Binary | 01010101, 10001100, 11010001 |
Color Schemes with #558cd1
Alternatives to #558cd1
Below, you can see some colors close to #558cd1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558cd1 Preview
This text has a font color of #558cd1.
<span style="color:#558cd1;">Text here</span>
This paragraph has a background color of #558cd1.
<p style="background-color:#558cd1;">Content here</p>
This element has a border color of #558cd1.
<div style="border:1px solid #558cd1;">Content here</div>
.text {color:#558cd1;}
.background {background-color:#558cd1;}
.border {border:1px solid #558cd1;}
Shades and Tints of #558cd1
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, #04090f is the darkest color, while #ffffff is the lightest one.
-
#04090f
#04090f
rgb(4,9,15)
-
#08121f
#08121f
rgb(8,18,31)
-
#0c1b2e
#0c1b2e
rgb(12,27,46)
-
#11253e
#11253e
rgb(17,37,62)
-
#152e4d
#152e4d
rgb(21,46,77)
-
#19375c
#19375c
rgb(25,55,92)
-
#1d406c
#1d406c
rgb(29,64,108)
-
#21497b
#21497b
rgb(33,73,123)
-
#26528b
#26528b
rgb(38,82,139)
-
#2a5c9a
#2a5c9a
rgb(42,92,154)
-
#2e65aa
#2e65aa
rgb(46,101,170)
-
#326eb9
#326eb9
rgb(50,110,185)
-
#3677c9
#3677c9
rgb(54,119,201)
-
#4682cd
#4682cd
rgb(70,130,205)
-
#558cd1
#558cd1
rgb(85,140,209)
-
#6496d5
#6496d5
rgb(100,150,213)
-
#74a1d9
#74a1d9
rgb(116,161,217)
-
#83abde
#83abde
rgb(131,171,222)
-
#93b6e2
#93b6e2
rgb(147,182,226)
-
#a2c0e6
#a2c0e6
rgb(162,192,230)
-
#b2cbea
#b2cbea
rgb(178,203,234)
-
#c1d5ee
#c1d5ee
rgb(193,213,238)
-
#d1e0f2
#d1e0f2
rgb(209,224,242)
-
#e0eaf7
#e0eaf7
rgb(224,234,247)
-
#eff4fb
#eff4fb
rgb(239,244,251)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #558cd1
A tone is produced by adding gray to any pure hue. In this case, #8f9397 is the less saturated color, while #2b87fb is the most saturated one.
-
#8f9397
#8f9397
rgb(143,147,151)
-
#87929f
#87929f
rgb(135,146,159)
-
#7f91a7
#7f91a7
rgb(127,145,167)
-
#7690b0
#7690b0
rgb(118,144,176)
-
#6e8fb8
#6e8fb8
rgb(110,143,184)
-
#668ec0
#668ec0
rgb(102,142,192)
-
#5d8dc9
#5d8dc9
rgb(93,141,201)
-
#558cd1
#558cd1
rgb(85,140,209)
-
#4d8bd9
#4d8bd9
rgb(77,139,217)
-
#448ae2
#448ae2
rgb(68,138,226)
-
#3c89ea
#3c89ea
rgb(60,137,234)
-
#3488f2
#3488f2
rgb(52,136,242)
-
#2b87fb
#2b87fb
rgb(43,135,251)
Color Blindness Simulator
Below, you can see how #558cd1 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.