#5aa0b2 Color Information
In a RGB color space, hex #5aa0b2 is composed of 35.3% red, 62.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 10.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 192.3 degrees, a saturation of 36.4% and a lightness of 52.5%. #5aa0b2 color hex could be obtained by blending #b4ffff with #004165. Closest websafe color is: #669999.
-
- R 35
- G 63
- B 70
-
- C 49
- M 10
- Y 0
- K 30
● #5aa0b2 color description : Dark moderate cyan.
#5aa0b2 Color Conversion
The hexadecimal color #5aa0b2 has RGB values of R:90, G:160, B:178 and CMYK values of C:0.49, M:0.1, Y:0, K:0.3. Its decimal value is 5939378.
Hex triplet | 5aa0b2 | #5aa0b2 |
---|---|---|
RGB Decimal | 90, 160, 178 | rgb(90,160,178) |
RGB Percent | 35.3, 62.7, 69.8 | rgb(35.3%,62.7%,69.8%) |
CMYK | 49, 10, 0, 30 | |
HSL | 192.3°, 36.4, 52.5 | hsl(192.3,36.4%,52.5%) |
HSV (or HSB) | 192.3°, 49.4, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 62.107, -17.076, -16.162 |
---|---|
XYZ | 24.821, 30.528, 46.702 |
xyY | 0.243, 0.299, 30.528 |
CIE-LCH | 62.107, 23.512, 223.425 |
CIE-LUV | 62.107, -31.033, -21.971 |
Hunter-Lab | 55.252, -16.504, -11.438 |
Binary | 01011010, 10100000, 10110010 |
Color Schemes with #5aa0b2
Alternatives to #5aa0b2
Below, you can see some colors close to #5aa0b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5aa0b2 Preview
This text has a font color of #5aa0b2.
<span style="color:#5aa0b2;">Text here</span>
This paragraph has a background color of #5aa0b2.
<p style="background-color:#5aa0b2;">Content here</p>
This element has a border color of #5aa0b2.
<div style="border:1px solid #5aa0b2;">Content here</div>
.text {color:#5aa0b2;}
.background {background-color:#5aa0b2;}
.border {border:1px solid #5aa0b2;}
Shades and Tints of #5aa0b2
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, #040809 is the darkest color, while #fafcfd is the lightest one.
-
#040809
#040809
rgb(4,8,9)
-
#0a1416
#0a1416
rgb(10,20,22)
-
#112024
#112024
rgb(17,32,36)
-
#172c31
#172c31
rgb(23,44,49)
-
#1d383e
#1d383e
rgb(29,56,62)
-
#23434c
#23434c
rgb(35,67,76)
-
#2a4f59
#2a4f59
rgb(42,79,89)
-
#305b66
#305b66
rgb(48,91,102)
-
#366774
#366774
rgb(54,103,116)
-
#3c7381
#3c7381
rgb(60,115,129)
-
#437f8f
#437f8f
rgb(67,127,143)
-
#498b9c
#498b9c
rgb(73,139,156)
-
#4f97a9
#4f97a9
rgb(79,151,169)
-
#5aa0b2
#5aa0b2
rgb(90,160,178)
-
#67a8b8
#67a8b8
rgb(103,168,184)
-
#75afbe
#75afbe
rgb(117,175,190)
-
#82b7c5
#82b7c5
rgb(130,183,197)
-
#8fbfcb
#8fbfcb
rgb(143,191,203)
-
#9dc7d1
#9dc7d1
rgb(157,199,209)
-
#aaced7
#aaced7
rgb(170,206,215)
-
#b8d6de
#b8d6de
rgb(184,214,222)
-
#c5dee4
#c5dee4
rgb(197,222,228)
-
#d2e5ea
#d2e5ea
rgb(210,229,234)
-
#e0edf0
#e0edf0
rgb(224,237,240)
-
#edf5f7
#edf5f7
rgb(237,245,247)
-
#fafcfd
#fafcfd
rgb(250,252,253)
Tones of #5aa0b2
A tone is produced by adding gray to any pure hue. In this case, #7f8a8d is the less saturated color, while #10ccfc is the most saturated one.
-
#7f8a8d
#7f8a8d
rgb(127,138,141)
-
#769096
#769096
rgb(118,144,150)
-
#6d959f
#6d959f
rgb(109,149,159)
-
#639ba9
#639ba9
rgb(99,155,169)
-
#5aa0b2
#5aa0b2
rgb(90,160,178)
-
#51a6bb
#51a6bb
rgb(81,166,187)
-
#47abc5
#47abc5
rgb(71,171,197)
-
#3eb1ce
#3eb1ce
rgb(62,177,206)
-
#35b6d7
#35b6d7
rgb(53,182,215)
-
#2bbce1
#2bbce1
rgb(43,188,225)
-
#22c1ea
#22c1ea
rgb(34,193,234)
-
#19c7f3
#19c7f3
rgb(25,199,243)
-
#10ccfc
#10ccfc
rgb(16,204,252)
Color Blindness Simulator
Below, you can see how #5aa0b2 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.