#557396 Color Information
In a RGB color space, hex #557396 is composed of 33.3% red, 45.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 23.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 212.3 degrees, a saturation of 27.7% and a lightness of 46.1%. #557396 color hex could be obtained by blending #aae6ff with #00002d. Closest websafe color is: #666699.
-
- R 33
- G 45
- B 59
-
- C 43
- M 23
- Y 0
- K 41
● #557396 color description : Mostly desaturated dark blue.
#557396 Color Conversion
The hexadecimal color #557396 has RGB values of R:85, G:115, B:150 and CMYK values of C:0.43, M:0.23, Y:0, K:0.41. Its decimal value is 5600150.
Hex triplet | 557396 | #557396 |
---|---|---|
RGB Decimal | 85, 115, 150 | rgb(85,115,150) |
RGB Percent | 33.3, 45.1, 58.8 | rgb(33.3%,45.1%,58.8%) |
CMYK | 43, 23, 0, 41 | |
HSL | 212.3°, 27.7, 46.1 | hsl(212.3,27.7%,46.1%) |
HSV (or HSB) | 212.3°, 43.3, 58.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.487, -1.183, -22.403 |
---|---|
XYZ | 15.381, 16.394, 31.206 |
xyY | 0.244, 0.26, 16.394 |
CIE-LCH | 47.487, 22.434, 266.976 |
CIE-LUV | 47.487, -15.12, -32.477 |
Hunter-Lab | 40.49, -3.05, -17.354 |
Binary | 01010101, 01110011, 10010110 |
Color Schemes with #557396
Alternatives to #557396
Below, you can see some colors close to #557396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#557396 Preview
This text has a font color of #557396.
<span style="color:#557396;">Text here</span>
This paragraph has a background color of #557396.
<p style="background-color:#557396;">Content here</p>
This element has a border color of #557396.
<div style="border:1px solid #557396;">Content here</div>
.text {color:#557396;}
.background {background-color:#557396;}
.border {border:1px solid #557396;}
Shades and Tints of #557396
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, #07090c is the darkest color, while #ffffff is the lightest one.
-
#07090c
#07090c
rgb(7,9,12)
-
#0e1319
#0e1319
rgb(14,19,25)
-
#151d25
#151d25
rgb(21,29,37)
-
#1c2632
#1c2632
rgb(28,38,50)
-
#23303e
#23303e
rgb(35,48,62)
-
#2a394b
#2a394b
rgb(42,57,75)
-
#324357
#324357
rgb(50,67,87)
-
#394d64
#394d64
rgb(57,77,100)
-
#405670
#405670
rgb(64,86,112)
-
#47607d
#47607d
rgb(71,96,125)
-
#4e6989
#4e6989
rgb(78,105,137)
-
#557396
#557396
rgb(85,115,150)
-
#5c7da3
#5c7da3
rgb(92,125,163)
-
#6987aa
#6987aa
rgb(105,135,170)
-
#7591b1
#7591b1
rgb(117,145,177)
-
#829bb8
#829bb8
rgb(130,155,184)
-
#8ea5bf
#8ea5bf
rgb(142,165,191)
-
#9bafc6
#9bafc6
rgb(155,175,198)
-
#a7b9cd
#a7b9cd
rgb(167,185,205)
-
#b4c3d4
#b4c3d4
rgb(180,195,212)
-
#c0cddb
#c0cddb
rgb(192,205,219)
-
#cdd7e2
#cdd7e2
rgb(205,215,226)
-
#d9e1ea
#d9e1ea
rgb(217,225,234)
-
#e6ebf1
#e6ebf1
rgb(230,235,241)
-
#f2f5f8
#f2f5f8
rgb(242,245,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #557396
A tone is produced by adding gray to any pure hue. In this case, #70757b is the less saturated color, while #046de7 is the most saturated one.
-
#70757b
#70757b
rgb(112,117,123)
-
#677484
#677484
rgb(103,116,132)
-
#5e748d
#5e748d
rgb(94,116,141)
-
#557396
#557396
rgb(85,115,150)
-
#4c729f
#4c729f
rgb(76,114,159)
-
#4372a8
#4372a8
rgb(67,114,168)
-
#3a71b1
#3a71b1
rgb(58,113,177)
-
#3170ba
#3170ba
rgb(49,112,186)
-
#2870c3
#2870c3
rgb(40,112,195)
-
#1f6fcc
#1f6fcc
rgb(31,111,204)
-
#166ed5
#166ed5
rgb(22,110,213)
-
#0d6dde
#0d6dde
rgb(13,109,222)
-
#046de7
#046de7
rgb(4,109,231)
Color Blindness Simulator
Below, you can see how #557396 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.