#557dd0 Color Information
In a RGB color space, hex #557dd0 is composed of 33.3% red, 49% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 39.9% magenta, 0% yellow and 18.4% black. It has a hue angle of 220.5 degrees, a saturation of 56.7% and a lightness of 57.5%. #557dd0 color hex could be obtained by blending #aafaff with #0000a1. Closest websafe color is: #6666cc.
-
- R 33
- G 49
- B 82
-
- C 59
- M 40
- Y 0
- K 18
● #557dd0 color description : Moderate blue.
#557dd0 Color Conversion
The hexadecimal color #557dd0 has RGB values of R:85, G:125, B:208 and CMYK values of C:0.59, M:0.4, Y:0, K:0.18. Its decimal value is 5602768.
Hex triplet | 557dd0 | #557dd0 |
---|---|---|
RGB Decimal | 85, 125, 208 | rgb(85,125,208) |
RGB Percent | 33.3, 49, 81.6 | rgb(33.3%,49%,81.6%) |
CMYK | 59, 40, 0, 18 | |
HSL | 220.5°, 56.7, 57.5 | hsl(220.5,56.7%,57.5%) |
HSV (or HSB) | 220.5°, 59.1, 81.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 53.115, 11.224, -47.114 |
---|---|
XYZ | 22.463, 21.151, 62.57 |
xyY | 0.212, 0.199, 21.151 |
CIE-LCH | 53.115, 48.432, 283.4 |
CIE-LUV | 53.115, -18.981, -74.173 |
Hunter-Lab | 45.991, 6.699, -48.47 |
Binary | 01010101, 01111101, 11010000 |
Color Schemes with #557dd0
Alternatives to #557dd0
Below, you can see some colors close to #557dd0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557dd0 Preview
This text has a font color of #557dd0.
<span style="color:#557dd0;">Text here</span>
This paragraph has a background color of #557dd0.
<p style="background-color:#557dd0;">Content here</p>
This element has a border color of #557dd0.
<div style="border:1px solid #557dd0;">Content here</div>
.text {color:#557dd0;}
.background {background-color:#557dd0;}
.border {border:1px solid #557dd0;}
Shades and Tints of #557dd0
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, #04070e is the darkest color, while #fefeff is the lightest one.
-
#04070e
#04070e
rgb(4,7,14)
-
#080f1e
#080f1e
rgb(8,15,30)
-
#0c172d
#0c172d
rgb(12,23,45)
-
#111f3d
#111f3d
rgb(17,31,61)
-
#15274c
#15274c
rgb(21,39,76)
-
#192f5b
#192f5b
rgb(25,47,91)
-
#1d376b
#1d376b
rgb(29,55,107)
-
#223e7a
#223e7a
rgb(34,62,122)
-
#264689
#264689
rgb(38,70,137)
-
#2a4e99
#2a4e99
rgb(42,78,153)
-
#2e56a8
#2e56a8
rgb(46,86,168)
-
#335eb7
#335eb7
rgb(51,94,183)
-
#3766c7
#3766c7
rgb(55,102,199)
-
#4671cc
#4671cc
rgb(70,113,204)
-
#557dd0
#557dd0
rgb(85,125,208)
-
#6489d4
#6489d4
rgb(100,137,212)
-
#7495d8
#7495d8
rgb(116,149,216)
-
#83a0dd
#83a0dd
rgb(131,160,221)
-
#92ace1
#92ace1
rgb(146,172,225)
-
#a2b8e5
#a2b8e5
rgb(162,184,229)
-
#b1c4e9
#b1c4e9
rgb(177,196,233)
-
#c1cfee
#c1cfee
rgb(193,207,238)
-
#d0dbf2
#d0dbf2
rgb(208,219,242)
-
#dfe7f6
#dfe7f6
rgb(223,231,246)
-
#eff3fa
#eff3fa
rgb(239,243,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #557dd0
A tone is produced by adding gray to any pure hue. In this case, #8f9196 is the less saturated color, while #2b6efa is the most saturated one.
-
#8f9196
#8f9196
rgb(143,145,150)
-
#878f9e
#878f9e
rgb(135,143,158)
-
#7f8ca6
#7f8ca6
rgb(127,140,166)
-
#7689af
#7689af
rgb(118,137,175)
-
#6e86b7
#6e86b7
rgb(110,134,183)
-
#6683bf
#6683bf
rgb(102,131,191)
-
#5d80c8
#5d80c8
rgb(93,128,200)
-
#557dd0
#557dd0
rgb(85,125,208)
-
#4d7ad8
#4d7ad8
rgb(77,122,216)
-
#4477e1
#4477e1
rgb(68,119,225)
-
#3c74e9
#3c74e9
rgb(60,116,233)
-
#3471f1
#3471f1
rgb(52,113,241)
-
#2b6efa
#2b6efa
rgb(43,110,250)
Color Blindness Simulator
Below, you can see how #557dd0 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.