#557aac Color Information
In a RGB color space, hex #557aac is composed of 33.3% red, 47.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 29.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 214.5 degrees, a saturation of 34.4% and a lightness of 50.4%. #557aac color hex could be obtained by blending #aaf4ff with #000059. Closest websafe color is: #666699.
-
- R 33
- G 48
- B 67
-
- C 51
- M 29
- Y 0
- K 33
● #557aac color description : Dark moderate blue.
#557aac Color Conversion
The hexadecimal color #557aac has RGB values of R:85, G:122, B:172 and CMYK values of C:0.51, M:0.29, Y:0, K:0.33. Its decimal value is 5601964.
Hex triplet | 557aac | #557aac |
---|---|---|
RGB Decimal | 85, 122, 172 | rgb(85,122,172) |
RGB Percent | 33.3, 47.8, 67.5 | rgb(33.3%,47.8%,67.5%) |
CMYK | 51, 29, 0, 33 | |
HSL | 214.5°, 34.4, 50.4 | hsl(214.5,34.4%,50.4%) |
HSV (or HSB) | 214.5°, 50.6, 67.5 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.485, 1.355, -30.617 |
---|---|
XYZ | 18.151, 18.828, 41.705 |
xyY | 0.231, 0.239, 18.828 |
CIE-LCH | 50.485, 30.647, 272.535 |
CIE-LUV | 50.485, -17.908, -46.118 |
Hunter-Lab | 43.391, -1.268, -26.612 |
Binary | 01010101, 01111010, 10101100 |
Color Schemes with #557aac
Alternatives to #557aac
Below, you can see some colors close to #557aac. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557aac Preview
This text has a font color of #557aac.
<span style="color:#557aac;">Text here</span>
This paragraph has a background color of #557aac.
<p style="background-color:#557aac;">Content here</p>
This element has a border color of #557aac.
<div style="border:1px solid #557aac;">Content here</div>
.text {color:#557aac;}
.background {background-color:#557aac;}
.border {border:1px solid #557aac;}
Shades and Tints of #557aac
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 #f3f6f9 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#070a0f
#070a0f
rgb(7,10,15)
-
#0e141c
#0e141c
rgb(14,20,28)
-
#141d29
#141d29
rgb(20,29,41)
-
#1a2636
#1a2636
rgb(26,38,54)
-
#212f43
#212f43
rgb(33,47,67)
-
#273950
#273950
rgb(39,57,80)
-
#2e425e
#2e425e
rgb(46,66,94)
-
#344b6b
#344b6b
rgb(52,75,107)
-
#3b5578
#3b5578
rgb(59,85,120)
-
#415e85
#415e85
rgb(65,94,133)
-
#476792
#476792
rgb(71,103,146)
-
#4e71a0
#4e71a0
rgb(78,113,160)
-
#557aac
#557aac
rgb(85,122,172)
-
#6284b2
#6284b2
rgb(98,132,178)
-
#6f8fb9
#6f8fb9
rgb(111,143,185)
-
#7d99bf
#7d99bf
rgb(125,153,191)
-
#8aa3c6
#8aa3c6
rgb(138,163,198)
-
#97aecc
#97aecc
rgb(151,174,204)
-
#a4b8d3
#a4b8d3
rgb(164,184,211)
-
#b1c2d9
#b1c2d9
rgb(177,194,217)
-
#beccdf
#beccdf
rgb(190,204,223)
-
#ccd7e6
#ccd7e6
rgb(204,215,230)
-
#d9e1ec
#d9e1ec
rgb(217,225,236)
-
#e6ebf3
#e6ebf3
rgb(230,235,243)
-
#f3f6f9
#f3f6f9
rgb(243,246,249)
Tones of #557aac
A tone is produced by adding gray to any pure hue. In this case, #7c8085 is the less saturated color, while #076efa is the most saturated one.
-
#7c8085
#7c8085
rgb(124,128,133)
-
#727e8f
#727e8f
rgb(114,126,143)
-
#687d99
#687d99
rgb(104,125,153)
-
#5f7ba2
#5f7ba2
rgb(95,123,162)
-
#557aac
#557aac
rgb(85,122,172)
-
#4b79b6
#4b79b6
rgb(75,121,182)
-
#4277bf
#4277bf
rgb(66,119,191)
-
#3876c9
#3876c9
rgb(56,118,201)
-
#2e74d3
#2e74d3
rgb(46,116,211)
-
#2473dd
#2473dd
rgb(36,115,221)
-
#1b71e6
#1b71e6
rgb(27,113,230)
-
#1170f0
#1170f0
rgb(17,112,240)
-
#076efa
#076efa
rgb(7,110,250)
Color Blindness Simulator
Below, you can see how #557aac 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.