#5aa2b0 Color Information
In a RGB color space, hex #5aa2b0 is composed of 35.3% red, 63.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 8% magenta, 0% yellow and 31% black. It has a hue angle of 189.8 degrees, a saturation of 35.2% and a lightness of 52.2%. #5aa2b0 color hex could be obtained by blending #b4ffff with #004561. Closest websafe color is: #669999.
-
- R 35
- G 64
- B 69
-
- C 49
- M 8
- Y 0
- K 31
● #5aa2b0 color description : Dark moderate cyan.
#5aa2b0 Color Conversion
The hexadecimal color #5aa2b0 has RGB values of R:90, G:162, B:176 and CMYK values of C:0.49, M:0.08, Y:0, K:0.31. Its decimal value is 5939888.
Hex triplet | 5aa2b0 | #5aa2b0 |
---|---|---|
RGB Decimal | 90, 162, 176 | rgb(90,162,176) |
RGB Percent | 35.3, 63.5, 69 | rgb(35.3%,63.5%,69%) |
CMYK | 49, 8, 0, 31 | |
HSL | 189.8°, 35.2, 52.2 | hsl(189.8,35.2%,52.2%) |
HSV (or HSB) | 189.8°, 48.9, 69 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 62.632, -18.694, -14.246 |
---|---|
XYZ | 24.971, 31.147, 45.768 |
xyY | 0.245, 0.306, 31.147 |
CIE-LCH | 62.632, 23.504, 217.309 |
CIE-LUV | 62.632, -31.887, -18.736 |
Hunter-Lab | 55.81, -17.8, -9.555 |
Binary | 01011010, 10100010, 10110000 |
Color Schemes with #5aa2b0
Alternatives to #5aa2b0
Below, you can see some colors close to #5aa2b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa2b0 Preview
This text has a font color of #5aa2b0.
<span style="color:#5aa2b0;">Text here</span>
This paragraph has a background color of #5aa2b0.
<p style="background-color:#5aa2b0;">Content here</p>
This element has a border color of #5aa2b0.
<div style="border:1px solid #5aa2b0;">Content here</div>
.text {color:#5aa2b0;}
.background {background-color:#5aa2b0;}
.border {border:1px solid #5aa2b0;}
Shades and Tints of #5aa2b0
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, #040707 is the darkest color, while #f9fcfc is the lightest one.
-
#040707
#040707
rgb(4,7,7)
-
#0a1315
#0a1315
rgb(10,19,21)
-
#101f22
#101f22
rgb(16,31,34)
-
#172b2f
#172b2f
rgb(23,43,47)
-
#1d373c
#1d373c
rgb(29,55,60)
-
#23444a
#23444a
rgb(35,68,74)
-
#2a5057
#2a5057
rgb(42,80,87)
-
#305c64
#305c64
rgb(48,92,100)
-
#366872
#366872
rgb(54,104,114)
-
#3d747f
#3d747f
rgb(61,116,127)
-
#43808c
#43808c
rgb(67,128,140)
-
#498c99
#498c99
rgb(73,140,153)
-
#5098a7
#5098a7
rgb(80,152,167)
-
#5aa2b0
#5aa2b0
rgb(90,162,176)
-
#67a9b6
#67a9b6
rgb(103,169,182)
-
#75b1bd
#75b1bd
rgb(117,177,189)
-
#82b8c3
#82b8c3
rgb(130,184,195)
-
#8fc0c9
#8fc0c9
rgb(143,192,201)
-
#9cc7d0
#9cc7d0
rgb(156,199,208)
-
#aacfd6
#aacfd6
rgb(170,207,214)
-
#b7d6dc
#b7d6dc
rgb(183,214,220)
-
#c4dee3
#c4dee3
rgb(196,222,227)
-
#d1e5e9
#d1e5e9
rgb(209,229,233)
-
#dfedf0
#dfedf0
rgb(223,237,240)
-
#ecf4f6
#ecf4f6
rgb(236,244,246)
-
#f9fcfc
#f9fcfc
rgb(249,252,252)
Tones of #5aa2b0
A tone is produced by adding gray to any pure hue. In this case, #80898a is the less saturated color, while #0fd5fb is the most saturated one.
-
#80898a
#80898a
rgb(128,137,138)
-
#768f94
#768f94
rgb(118,143,148)
-
#6d959d
#6d959d
rgb(109,149,157)
-
#639ca7
#639ca7
rgb(99,156,167)
-
#5aa2b0
#5aa2b0
rgb(90,162,176)
-
#51a8b9
#51a8b9
rgb(81,168,185)
-
#47afc3
#47afc3
rgb(71,175,195)
-
#3eb5cc
#3eb5cc
rgb(62,181,204)
-
#34bbd6
#34bbd6
rgb(52,187,214)
-
#2bc2df
#2bc2df
rgb(43,194,223)
-
#22c8e8
#22c8e8
rgb(34,200,232)
-
#18cef2
#18cef2
rgb(24,206,242)
-
#0fd5fb
#0fd5fb
rgb(15,213,251)
Color Blindness Simulator
Below, you can see how #5aa2b0 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.