#558082 Color Information
In a RGB color space, hex #558082 is composed of 33.3% red, 50.2% green and 51% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 1.5% magenta, 0% yellow and 49% black. It has a hue angle of 182.7 degrees, a saturation of 20.9% and a lightness of 42.2%. #558082 color hex could be obtained by blending #aaffff with #000105. Closest websafe color is: #669999.
-
- R 33
- G 50
- B 51
-
- C 35
- M 2
- Y 0
- K 49
● #558082 color description : Mostly desaturated dark cyan.
#558082 Color Conversion
The hexadecimal color #558082 has RGB values of R:85, G:128, B:130 and CMYK values of C:0.35, M:0.02, Y:0, K:0.49. Its decimal value is 5603458.
| Hex triplet | 558082 | #558082 |
|---|---|---|
| RGB Decimal | 85, 128, 130 | rgb(85,128,130) |
| RGB Percent | 33.3, 50.2, 51 | rgb(33.3%,50.2%,51%) |
| CMYK | 35, 2, 0, 49 | |
| HSL | 182.7°, 20.9, 42.2 | hsl(182.7,20.9%,42.2%) |
| HSV (or HSB) | 182.7°, 34.6, 51 | |
| Web Safe | 669999 | #669999 |
| CIE-LAB | 50.665, -14.213, -5.816 |
|---|---|
| XYZ | 15.494, 18.981, 23.965 |
| xyY | 0.265, 0.325, 18.981 |
| CIE-LCH | 50.665, 15.357, 202.253 |
| CIE-LUV | 50.665, -20.605, -6.092 |
| Hunter-Lab | 43.567, -12.762, -2.117 |
| Binary | 01010101, 10000000, 10000010 |
Color Schemes with #558082
Alternatives to #558082
Below, you can see some colors close to #558082. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#558082 Preview
This text has a font color of #558082.
<span style="color:#558082;">Text here</span>
This paragraph has a background color of #558082.
<p style="background-color:#558082;">Content here</p>
This element has a border color of #558082.
<div style="border:1px solid #558082;">Content here</div>
.text {color:#558082;}
.background {background-color:#558082;}
.border {border:1px solid #558082;}
Shades and Tints of #558082
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, #070b0b is the darkest color, while #ffffff is the lightest one.
-
#070b0b
#070b0brgb(7,11,11) -
#0f1717
#0f1717rgb(15,23,23) -
#172323
#172323rgb(23,35,35) -
#1f2e2f
#1f2e2frgb(31,46,47) -
#263a3b
#263a3brgb(38,58,59) -
#2e4647
#2e4647rgb(46,70,71) -
#365153
#365153rgb(54,81,83) -
#3e5d5e
#3e5d5ergb(62,93,94) -
#45696a
#45696argb(69,105,106) -
#4d7476
#4d7476rgb(77,116,118) -
#558082
#558082rgb(85,128,130) -
#5d8c8e
#5d8c8ergb(93,140,142) -
#65979a
#65979argb(101,151,154)
-
#709fa2
#709fa2rgb(112,159,162) -
#7ca7a9
#7ca7a9rgb(124,167,169) -
#88afb1
#88afb1rgb(136,175,177) -
#94b7b9
#94b7b9rgb(148,183,185) -
#a0bfc1
#a0bfc1rgb(160,191,193) -
#acc7c8
#acc7c8rgb(172,199,200) -
#b7cfd0
#b7cfd0rgb(183,207,208) -
#c3d7d8
#c3d7d8rgb(195,215,216) -
#cfdfe0
#cfdfe0rgb(207,223,224) -
#dbe7e7
#dbe7e7rgb(219,231,231) -
#e7efef
#e7efefrgb(231,239,239) -
#f3f7f7
#f3f7f7rgb(243,247,247) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #558082
A tone is produced by adding gray to any pure hue. In this case, #667171 is the less saturated color, while #02cbd5 is the most saturated one.
-
#667171
#667171rgb(102,113,113) -
#5d787a
#5d787argb(93,120,122) -
#558082
#558082rgb(85,128,130) -
#4d888a
#4d888argb(77,136,138) -
#448f93
#448f93rgb(68,143,147) -
#3c979b
#3c979brgb(60,151,155) -
#349ea3
#349ea3rgb(52,158,163) -
#2ca6ab
#2ca6abrgb(44,166,171) -
#23adb4
#23adb4rgb(35,173,180) -
#1bb5bc
#1bb5bcrgb(27,181,188) -
#13bcc4
#13bcc4rgb(19,188,196) -
#0bc4cc
#0bc4ccrgb(11,196,204) -
#02cbd5
#02cbd5rgb(2,203,213)
Color Blindness Simulator
Below, you can see how #558082 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.
