#557aaf Color Information
In a RGB color space, hex #557aaf is composed of 33.3% red, 47.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 51.4% cyan, 30.3% magenta, 0% yellow and 31.4% black. It has a hue angle of 215.3 degrees, a saturation of 36% and a lightness of 51%. #557aaf color hex could be obtained by blending #aaf4ff with #00005f. Closest websafe color is: #666699.
-
- R 33
- G 48
- B 69
-
- C 51
- M 30
- Y 0
- K 31
● #557aaf color description : Dark moderate blue.
#557aaf Color Conversion
The hexadecimal color #557aaf has RGB values of R:85, G:122, B:175 and CMYK values of C:0.51, M:0.3, Y:0, K:0.31. Its decimal value is 5601967.
Hex triplet | 557aaf | #557aaf |
---|---|---|
RGB Decimal | 85, 122, 175 | rgb(85,122,175) |
RGB Percent | 33.3, 47.8, 68.6 | rgb(33.3%,47.8%,68.6%) |
CMYK | 51, 30, 0, 31 | |
HSL | 215.3°, 36, 51 | hsl(215.3,36%,51%) |
HSV (or HSB) | 215.3°, 51.4, 68.6 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 50.622, 2.298, -32.141 |
---|---|
XYZ | 18.442, 18.945, 43.24 |
xyY | 0.229, 0.235, 18.945 |
CIE-LCH | 50.622, 32.223, 274.089 |
CIE-LUV | 50.622, -17.908, -48.672 |
Hunter-Lab | 43.525, -0.538, -28.433 |
Binary | 01010101, 01111010, 10101111 |
Color Schemes with #557aaf
Alternatives to #557aaf
Below, you can see some colors close to #557aaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557aaf Preview
This text has a font color of #557aaf.
<span style="color:#557aaf;">Text here</span>
This paragraph has a background color of #557aaf.
<p style="background-color:#557aaf;">Content here</p>
This element has a border color of #557aaf.
<div style="border:1px solid #557aaf;">Content here</div>
.text {color:#557aaf;}
.background {background-color:#557aaf;}
.border {border:1px solid #557aaf;}
Shades and Tints of #557aaf
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, #020203 is the darkest color, while #f5f7fa is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#080c11
#080c11
rgb(8,12,17)
-
#0e151e
#0e151e
rgb(14,21,30)
-
#141e2b
#141e2b
rgb(20,30,43)
-
#1b2739
#1b2739
rgb(27,39,57)
-
#213046
#213046
rgb(33,48,70)
-
#273953
#273953
rgb(39,57,83)
-
#2e4361
#2e4361
rgb(46,67,97)
-
#344c6e
#344c6e
rgb(52,76,110)
-
#3a557b
#3a557b
rgb(58,85,123)
-
#405e89
#405e89
rgb(64,94,137)
-
#476796
#476796
rgb(71,103,150)
-
#4d71a3
#4d71a3
rgb(77,113,163)
-
#557aaf
#557aaf
rgb(85,122,175)
-
#6284b5
#6284b5
rgb(98,132,181)
-
#708fbc
#708fbc
rgb(112,143,188)
-
#7d99c2
#7d99c2
rgb(125,153,194)
-
#8aa4c8
#8aa4c8
rgb(138,164,200)
-
#98aece
#98aece
rgb(152,174,206)
-
#a5b9d5
#a5b9d5
rgb(165,185,213)
-
#b2c3db
#b2c3db
rgb(178,195,219)
-
#c0cde1
#c0cde1
rgb(192,205,225)
-
#cdd8e7
#cdd8e7
rgb(205,216,231)
-
#dae2ee
#dae2ee
rgb(218,226,238)
-
#e8edf4
#e8edf4
rgb(232,237,244)
-
#f5f7fa
#f5f7fa
rgb(245,247,250)
Tones of #557aaf
A tone is produced by adding gray to any pure hue. In this case, #7b8189 is the less saturated color, while #086cfc is the most saturated one.
-
#7b8189
#7b8189
rgb(123,129,137)
-
#727f92
#727f92
rgb(114,127,146)
-
#687d9c
#687d9c
rgb(104,125,156)
-
#5f7ca5
#5f7ca5
rgb(95,124,165)
-
#557aaf
#557aaf
rgb(85,122,175)
-
#4b78b9
#4b78b9
rgb(75,120,185)
-
#4277c2
#4277c2
rgb(66,119,194)
-
#3875cc
#3875cc
rgb(56,117,204)
-
#2f73d5
#2f73d5
rgb(47,115,213)
-
#2571df
#2571df
rgb(37,113,223)
-
#1b70e9
#1b70e9
rgb(27,112,233)
-
#126ef2
#126ef2
rgb(18,110,242)
-
#086cfc
#086cfc
rgb(8,108,252)
Color Blindness Simulator
Below, you can see how #557aaf 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.