#5aa5a2 Color Information
In a RGB color space, hex #5aa5a2 is composed of 35.3% red, 64.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 0% magenta, 1.8% yellow and 35.3% black. It has a hue angle of 177.6 degrees, a saturation of 29.4% and a lightness of 50%. #5aa5a2 color hex could be obtained by blending #b4ffff with #004b45. Closest websafe color is: #669999.
-
- R 35
- G 65
- B 64
-
- C 45
- M 0
- Y 2
- K 35
● #5aa5a2 color description : Dark moderate cyan.
#5aa5a2 Color Conversion
The hexadecimal color #5aa5a2 has RGB values of R:90, G:165, B:162 and CMYK values of C:0.45, M:0, Y:0.02, K:0.35. Its decimal value is 5940642.
Hex triplet | 5aa5a2 | #5aa5a2 |
---|---|---|
RGB Decimal | 90, 165, 162 | rgb(90,165,162) |
RGB Percent | 35.3, 64.7, 63.5 | rgb(35.3%,64.7%,63.5%) |
CMYK | 45, 0, 2, 35 | |
HSL | 177.6°, 29.4, 50 | hsl(177.6,29.4%,50%) |
HSV (or HSB) | 177.6°, 45.5, 64.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 63.087, -24.024, -5.707 |
---|---|
XYZ | 24.191, 31.691, 39.023 |
xyY | 0.255, 0.334, 31.691 |
CIE-LCH | 63.087, 24.692, 193.363 |
CIE-LUV | 63.087, -33.553, -4.746 |
Hunter-Lab | 56.295, -21.81, -1.693 |
Binary | 01011010, 10100101, 10100010 |
Color Schemes with #5aa5a2
Alternatives to #5aa5a2
Below, you can see some colors close to #5aa5a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa5a2 Preview
This text has a font color of #5aa5a2.
<span style="color:#5aa5a2;">Text here</span>
This paragraph has a background color of #5aa5a2.
<p style="background-color:#5aa5a2;">Content here</p>
This element has a border color of #5aa5a2.
<div style="border:1px solid #5aa5a2;">Content here</div>
.text {color:#5aa5a2;}
.background {background-color:#5aa5a2;}
.border {border:1px solid #5aa5a2;}
Shades and Tints of #5aa5a2
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, #070d0c is the darkest color, while #ffffff is the lightest one.
-
#070d0c
#070d0c
rgb(7,13,12)
-
#0e1919
#0e1919
rgb(14,25,25)
-
#152625
#152625
rgb(21,38,37)
-
#1c3332
#1c3332
rgb(28,51,50)
-
#233f3e
#233f3e
rgb(35,63,62)
-
#2a4c4b
#2a4c4b
rgb(42,76,75)
-
#305957
#305957
rgb(48,89,87)
-
#376664
#376664
rgb(55,102,100)
-
#3e7270
#3e7270
rgb(62,114,112)
-
#457f7d
#457f7d
rgb(69,127,125)
-
#4c8c89
#4c8c89
rgb(76,140,137)
-
#539896
#539896
rgb(83,152,150)
-
#5aa5a2
#5aa5a2
rgb(90,165,162)
-
#67aca9
#67aca9
rgb(103,172,169)
-
#73b3b0
#73b3b0
rgb(115,179,176)
-
#80bab7
#80bab7
rgb(128,186,183)
-
#8dc1bf
#8dc1bf
rgb(141,193,191)
-
#99c8c6
#99c8c6
rgb(153,200,198)
-
#a6cfcd
#a6cfcd
rgb(166,207,205)
-
#b3d5d4
#b3d5d4
rgb(179,213,212)
-
#c0dcdb
#c0dcdb
rgb(192,220,219)
-
#cce3e2
#cce3e2
rgb(204,227,226)
-
#d9eaea
#d9eaea
rgb(217,234,234)
-
#e6f1f1
#e6f1f1
rgb(230,241,241)
-
#f2f8f8
#f2f8f8
rgb(242,248,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #5aa5a2
A tone is produced by adding gray to any pure hue. In this case, #778887 is the less saturated color, while #02fdf3 is the most saturated one.
-
#778887
#778887
rgb(119,136,135)
-
#6e9190
#6e9190
rgb(110,145,144)
-
#649b99
#649b99
rgb(100,155,153)
-
#5aa5a2
#5aa5a2
rgb(90,165,162)
-
#50afab
#50afab
rgb(80,175,171)
-
#46b9b4
#46b9b4
rgb(70,185,180)
-
#3dc2bd
#3dc2bd
rgb(61,194,189)
-
#33ccc6
#33ccc6
rgb(51,204,198)
-
#29d6cf
#29d6cf
rgb(41,214,207)
-
#1fe0d8
#1fe0d8
rgb(31,224,216)
-
#15eae1
#15eae1
rgb(21,234,225)
-
#0cf3ea
#0cf3ea
rgb(12,243,234)
-
#02fdf3
#02fdf3
rgb(2,253,243)
Color Blindness Simulator
Below, you can see how #5aa5a2 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.