#557a96 Color Information
In a RGB color space, hex #557a96 is composed of 33.3% red, 47.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 18.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 205.8 degrees, a saturation of 27.7% and a lightness of 46.1%. #557a96 color hex could be obtained by blending #aaf4ff with #00002d. Closest websafe color is: #666699.
-
- R 33
- G 48
- B 59
-
- C 43
- M 19
- Y 0
- K 41
● #557a96 color description : Mostly desaturated dark blue.
#557a96 Color Conversion
The hexadecimal color #557a96 has RGB values of R:85, G:122, B:150 and CMYK values of C:0.43, M:0.19, Y:0, K:0.41. Its decimal value is 5601942.
Hex triplet | 557a96 | #557a96 |
---|---|---|
RGB Decimal | 85, 122, 150 | rgb(85,122,150) |
RGB Percent | 33.3, 47.8, 58.8 | rgb(33.3%,47.8%,58.8%) |
CMYK | 43, 19, 0, 41 | |
HSL | 205.8°, 27.7, 46.1 | hsl(205.8,27.7%,46.1%) |
HSV (or HSB) | 205.8°, 43.3, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 49.559, -5.303, -19.219 |
---|---|
XYZ | 16.21, 18.052, 31.483 |
xyY | 0.247, 0.275, 18.052 |
CIE-LCH | 49.559, 19.937, 254.575 |
CIE-LUV | 49.559, -17.945, -27.319 |
Hunter-Lab | 42.487, -6.252, -14.192 |
Binary | 01010101, 01111010, 10010110 |
Color Schemes with #557a96
Alternatives to #557a96
Below, you can see some colors close to #557a96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557a96 Preview
This text has a font color of #557a96.
<span style="color:#557a96;">Text here</span>
This paragraph has a background color of #557a96.
<p style="background-color:#557a96;">Content here</p>
This element has a border color of #557a96.
<div style="border:1px solid #557a96;">Content here</div>
.text {color:#557a96;}
.background {background-color:#557a96;}
.border {border:1px solid #557a96;}
Shades and Tints of #557a96
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, #070a0c is the darkest color, while #ffffff is the lightest one.
-
#070a0c
#070a0c
rgb(7,10,12)
-
#0e1419
#0e1419
rgb(14,20,25)
-
#151e25
#151e25
rgb(21,30,37)
-
#1c2932
#1c2932
rgb(28,41,50)
-
#23333e
#23333e
rgb(35,51,62)
-
#2a3d4b
#2a3d4b
rgb(42,61,75)
-
#324757
#324757
rgb(50,71,87)
-
#395164
#395164
rgb(57,81,100)
-
#405b70
#405b70
rgb(64,91,112)
-
#47667d
#47667d
rgb(71,102,125)
-
#4e7089
#4e7089
rgb(78,112,137)
-
#557a96
#557a96
rgb(85,122,150)
-
#5c84a3
#5c84a3
rgb(92,132,163)
-
#698eaa
#698eaa
rgb(105,142,170)
-
#7597b1
#7597b1
rgb(117,151,177)
-
#82a0b8
#82a0b8
rgb(130,160,184)
-
#8eaabf
#8eaabf
rgb(142,170,191)
-
#9bb3c6
#9bb3c6
rgb(155,179,198)
-
#a7bdcd
#a7bdcd
rgb(167,189,205)
-
#b4c6d4
#b4c6d4
rgb(180,198,212)
-
#c0d0db
#c0d0db
rgb(192,208,219)
-
#cdd9e2
#cdd9e2
rgb(205,217,226)
-
#d9e3ea
#d9e3ea
rgb(217,227,234)
-
#e6ecf1
#e6ecf1
rgb(230,236,241)
-
#f2f5f8
#f2f5f8
rgb(242,245,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #557a96
A tone is produced by adding gray to any pure hue. In this case, #70767b is the less saturated color, while #0485e7 is the most saturated one.
-
#70767b
#70767b
rgb(112,118,123)
-
#677784
#677784
rgb(103,119,132)
-
#5e798d
#5e798d
rgb(94,121,141)
-
#557a96
#557a96
rgb(85,122,150)
-
#4c7b9f
#4c7b9f
rgb(76,123,159)
-
#437da8
#437da8
rgb(67,125,168)
-
#3a7eb1
#3a7eb1
rgb(58,126,177)
-
#317fba
#317fba
rgb(49,127,186)
-
#2880c3
#2880c3
rgb(40,128,195)
-
#1f82cc
#1f82cc
rgb(31,130,204)
-
#1683d5
#1683d5
rgb(22,131,213)
-
#0d84de
#0d84de
rgb(13,132,222)
-
#0485e7
#0485e7
rgb(4,133,231)
Color Blindness Simulator
Below, you can see how #557a96 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.