#557db9 Color Information
In a RGB color space, hex #557db9 is composed of 33.3% red, 49% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 32.4% magenta, 0% yellow and 27.5% black. It has a hue angle of 216 degrees, a saturation of 41.7% and a lightness of 52.9%. #557db9 color hex could be obtained by blending #aafaff with #000073. Closest websafe color is: #6666cc.
-
- R 33
- G 49
- B 73
-
- C 54
- M 32
- Y 0
- K 27
● #557db9 color description : Moderate blue.
#557db9 Color Conversion
The hexadecimal color #557db9 has RGB values of R:85, G:125, B:185 and CMYK values of C:0.54, M:0.32, Y:0, K:0.27. Its decimal value is 5602745.
Hex triplet | 557db9 | #557db9 |
---|---|---|
RGB Decimal | 85, 125, 185 | rgb(85,125,185) |
RGB Percent | 33.3, 49, 72.5 | rgb(33.3%,49%,72.5%) |
CMYK | 54, 32, 0, 27 | |
HSL | 216°, 41.7, 52.9 | hsl(216,41.7%,52.9%) |
HSV (or HSB) | 216°, 54.1, 72.5 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 51.95, 3.685, -35.828 |
---|---|
XYZ | 19.835, 20.1, 48.731 |
xyY | 0.224, 0.227, 20.1 |
CIE-LCH | 51.95, 36.017, 275.873 |
CIE-LUV | 51.95, -19.005, -54.977 |
Hunter-Lab | 44.833, 0.513, -33.061 |
Binary | 01010101, 01111101, 10111001 |
Color Schemes with #557db9
Alternatives to #557db9
Below, you can see some colors close to #557db9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557db9 Preview
This text has a font color of #557db9.
<span style="color:#557db9;">Text here</span>
This paragraph has a background color of #557db9.
<p style="background-color:#557db9;">Content here</p>
This element has a border color of #557db9.
<div style="border:1px solid #557db9;">Content here</div>
.text {color:#557db9;}
.background {background-color:#557db9;}
.border {border:1px solid #557db9;}
Shades and Tints of #557db9
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, #04070b is the darkest color, while #fcfdfe is the lightest one.
-
#04070b
#04070b
rgb(4,7,11)
-
#0a1019
#0a1019
rgb(10,16,25)
-
#101926
#101926
rgb(16,25,38)
-
#162234
#162234
rgb(22,34,52)
-
#1b2b42
#1b2b42
rgb(27,43,66)
-
#213450
#213450
rgb(33,52,80)
-
#273d5e
#273d5e
rgb(39,61,94)
-
#2c466c
#2c466c
rgb(44,70,108)
-
#324f7a
#324f7a
rgb(50,79,122)
-
#385888
#385888
rgb(56,88,136)
-
#3e6196
#3e6196
rgb(62,97,150)
-
#436aa3
#436aa3
rgb(67,106,163)
-
#4973b1
#4973b1
rgb(73,115,177)
-
#557db9
#557db9
rgb(85,125,185)
-
#6388bf
#6388bf
rgb(99,136,191)
-
#7192c4
#7192c4
rgb(113,146,196)
-
#7f9dca
#7f9dca
rgb(127,157,202)
-
#8da8d0
#8da8d0
rgb(141,168,208)
-
#9ab2d6
#9ab2d6
rgb(154,178,214)
-
#a8bddb
#a8bddb
rgb(168,189,219)
-
#b6c7e1
#b6c7e1
rgb(182,199,225)
-
#c4d2e7
#c4d2e7
rgb(196,210,231)
-
#d2ddec
#d2ddec
rgb(210,221,236)
-
#e0e7f2
#e0e7f2
rgb(224,231,242)
-
#eef2f8
#eef2f8
rgb(238,242,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #557db9
A tone is produced by adding gray to any pure hue. In this case, #83868b is the less saturated color, while #1470fa is the most saturated one.
-
#83868b
#83868b
rgb(131,134,139)
-
#7a8494
#7a8494
rgb(122,132,148)
-
#71839d
#71839d
rgb(113,131,157)
-
#6781a7
#6781a7
rgb(103,129,167)
-
#5e7fb0
#5e7fb0
rgb(94,127,176)
-
#557db9
#557db9
rgb(85,125,185)
-
#4c7bc2
#4c7bc2
rgb(76,123,194)
-
#4379cb
#4379cb
rgb(67,121,203)
-
#3977d5
#3977d5
rgb(57,119,213)
-
#3076de
#3076de
rgb(48,118,222)
-
#2774e7
#2774e7
rgb(39,116,231)
-
#1e72f0
#1e72f0
rgb(30,114,240)
-
#1470fa
#1470fa
rgb(20,112,250)
Color Blindness Simulator
Below, you can see how #557db9 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.