#558296 Color Information
In a RGB color space, hex #558296 is composed of 33.3% red, 51% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 43.3% cyan, 13.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 198.5 degrees, a saturation of 27.7% and a lightness of 46.1%. #558296 color hex could be obtained by blending #aaffff with #00052d. Closest websafe color is: #669999.
-
- R 33
- G 51
- B 59
-
- C 43
- M 13
- Y 0
- K 41
● #558296 color description : Mostly desaturated dark blue.
#558296 Color Conversion
The hexadecimal color #558296 has RGB values of R:85, G:130, B:150 and CMYK values of C:0.43, M:0.13, Y:0, K:0.41. Its decimal value is 5603990.
Hex triplet | 558296 | #558296 |
---|---|---|
RGB Decimal | 85, 130, 150 | rgb(85,130,150) |
RGB Percent | 33.3, 51, 58.8 | rgb(33.3%,51%,58.8%) |
CMYK | 43, 13, 0, 41 | |
HSL | 198.5°, 27.7, 46.1 | hsl(198.5,27.7%,46.1%) |
HSV (or HSB) | 198.5°, 43.3, 58.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 51.947, -9.885, -15.576 |
---|---|
XYZ | 17.233, 20.098, 31.824 |
xyY | 0.249, 0.291, 20.098 |
CIE-LCH | 51.947, 18.448, 237.6 |
CIE-LUV | 51.947, -21.211, -21.346 |
Hunter-Lab | 44.83, -9.839, -10.707 |
Binary | 01010101, 10000010, 10010110 |
Color Schemes with #558296
Alternatives to #558296
Below, you can see some colors close to #558296. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558296 Preview
This text has a font color of #558296.
<span style="color:#558296;">Text here</span>
This paragraph has a background color of #558296.
<p style="background-color:#558296;">Content here</p>
This element has a border color of #558296.
<div style="border:1px solid #558296;">Content here</div>
.text {color:#558296;}
.background {background-color:#558296;}
.border {border:1px solid #558296;}
Shades and Tints of #558296
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, #070b0c is the darkest color, while #ffffff is the lightest one.
-
#070b0c
#070b0c
rgb(7,11,12)
-
#0e1519
#0e1519
rgb(14,21,25)
-
#152025
#152025
rgb(21,32,37)
-
#1c2b32
#1c2b32
rgb(28,43,50)
-
#23363e
#23363e
rgb(35,54,62)
-
#2a414b
#2a414b
rgb(42,65,75)
-
#324c57
#324c57
rgb(50,76,87)
-
#395764
#395764
rgb(57,87,100)
-
#406170
#406170
rgb(64,97,112)
-
#476c7d
#476c7d
rgb(71,108,125)
-
#4e7789
#4e7789
rgb(78,119,137)
-
#558296
#558296
rgb(85,130,150)
-
#5c8da3
#5c8da3
rgb(92,141,163)
-
#6996aa
#6996aa
rgb(105,150,170)
-
#759eb1
#759eb1
rgb(117,158,177)
-
#82a7b8
#82a7b8
rgb(130,167,184)
-
#8eb0bf
#8eb0bf
rgb(142,176,191)
-
#9bb9c6
#9bb9c6
rgb(155,185,198)
-
#a7c1cd
#a7c1cd
rgb(167,193,205)
-
#b4cad4
#b4cad4
rgb(180,202,212)
-
#c0d3db
#c0d3db
rgb(192,211,219)
-
#cddce2
#cddce2
rgb(205,220,226)
-
#d9e5ea
#d9e5ea
rgb(217,229,234)
-
#e6edf1
#e6edf1
rgb(230,237,241)
-
#f2f6f8
#f2f6f8
rgb(242,246,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #558296
A tone is produced by adding gray to any pure hue. In this case, #70787b is the less saturated color, while #04a1e7 is the most saturated one.
-
#70787b
#70787b
rgb(112,120,123)
-
#677b84
#677b84
rgb(103,123,132)
-
#5e7f8d
#5e7f8d
rgb(94,127,141)
-
#558296
#558296
rgb(85,130,150)
-
#4c859f
#4c859f
rgb(76,133,159)
-
#4389a8
#4389a8
rgb(67,137,168)
-
#3a8cb1
#3a8cb1
rgb(58,140,177)
-
#3190ba
#3190ba
rgb(49,144,186)
-
#2893c3
#2893c3
rgb(40,147,195)
-
#1f97cc
#1f97cc
rgb(31,151,204)
-
#169ad5
#169ad5
rgb(22,154,213)
-
#0d9ede
#0d9ede
rgb(13,158,222)
-
#04a1e7
#04a1e7
rgb(4,161,231)
Color Blindness Simulator
Below, you can see how #558296 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.