#5ab4b2 Color Information
In a RGB color space, hex #5ab4b2 is composed of 35.3% red, 70.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 1.1% yellow and 29.4% black. It has a hue angle of 178.7 degrees, a saturation of 37.5% and a lightness of 52.9%. #5ab4b2 color hex could be obtained by blending #b4ffff with #006965. Closest websafe color is: #66cc99.
-
- R 35
- G 71
- B 70
-
- C 50
- M 0
- Y 1
- K 29
● #5ab4b2 color description : Moderate cyan.
#5ab4b2 Color Conversion
The hexadecimal color #5ab4b2 has RGB values of R:90, G:180, B:178 and CMYK values of C:0.5, M:0, Y:0.01, K:0.29. Its decimal value is 5944498.
Hex triplet | 5ab4b2 | #5ab4b2 |
---|---|---|
RGB Decimal | 90, 180, 178 | rgb(90,180,178) |
RGB Percent | 35.3, 70.6, 69.8 | rgb(35.3%,70.6%,69.8%) |
CMYK | 50, 0, 1, 29 | |
HSL | 178.7°, 37.5, 52.9 | hsl(178.7,37.5%,52.9%) |
HSV (or HSB) | 178.7°, 50, 70.6 | |
Web Safe | 66cc99 | #66cc99 |
CIE-LAB | 68.042, -27.308, -7.264 |
---|---|
XYZ | 28.571, 38.029, 47.952 |
xyY | 0.249, 0.332, 38.029 |
CIE-LCH | 68.042, 28.258, 194.896 |
CIE-LUV | 68.042, -38.914, -6.726 |
Hunter-Lab | 61.667, -25.216, -2.936 |
Binary | 01011010, 10110100, 10110010 |
Color Schemes with #5ab4b2
Alternatives to #5ab4b2
Below, you can see some colors close to #5ab4b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5ab4b2 Preview
This text has a font color of #5ab4b2.
<span style="color:#5ab4b2;">Text here</span>
This paragraph has a background color of #5ab4b2.
<p style="background-color:#5ab4b2;">Content here</p>
This element has a border color of #5ab4b2.
<div style="border:1px solid #5ab4b2;">Content here</div>
.text {color:#5ab4b2;}
.background {background-color:#5ab4b2;}
.border {border:1px solid #5ab4b2;}
Shades and Tints of #5ab4b2
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, #050a0a is the darkest color, while #fcfefe is the lightest one.
-
#050a0a
#050a0a
rgb(5,10,10)
-
#0b1818
#0b1818
rgb(11,24,24)
-
#112525
#112525
rgb(17,37,37)
-
#173332
#173332
rgb(23,51,50)
-
#1d403f
#1d403f
rgb(29,64,63)
-
#234e4d
#234e4d
rgb(35,78,77)
-
#295b5a
#295b5a
rgb(41,91,90)
-
#306967
#306967
rgb(48,105,103)
-
#367675
#367675
rgb(54,118,117)
-
#3c8482
#3c8482
rgb(60,132,130)
-
#42918f
#42918f
rgb(66,145,143)
-
#489f9d
#489f9d
rgb(72,159,157)
-
#4eacaa
#4eacaa
rgb(78,172,170)
-
#5ab4b2
#5ab4b2
rgb(90,180,178)
-
#67bab8
#67bab8
rgb(103,186,184)
-
#75c0bf
#75c0bf
rgb(117,192,191)
-
#82c6c5
#82c6c5
rgb(130,198,197)
-
#90cdcb
#90cdcb
rgb(144,205,203)
-
#9dd3d1
#9dd3d1
rgb(157,211,209)
-
#abd9d8
#abd9d8
rgb(171,217,216)
-
#b8dfde
#b8dfde
rgb(184,223,222)
-
#c6e5e4
#c6e5e4
rgb(198,229,228)
-
#d3ebeb
#d3ebeb
rgb(211,235,235)
-
#e1f1f1
#e1f1f1
rgb(225,241,241)
-
#eef7f7
#eef7f7
rgb(238,247,247)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #5ab4b2
A tone is produced by adding gray to any pure hue. In this case, #7f8f8f is the less saturated color, while #10fef9 is the most saturated one.
-
#7f8f8f
#7f8f8f
rgb(127,143,143)
-
#769898
#769898
rgb(118,152,152)
-
#6ca2a0
#6ca2a0
rgb(108,162,160)
-
#63aba9
#63aba9
rgb(99,171,169)
-
#5ab4b2
#5ab4b2
rgb(90,180,178)
-
#51bdbb
#51bdbb
rgb(81,189,187)
-
#48c6c4
#48c6c4
rgb(72,198,196)
-
#3ed0cc
#3ed0cc
rgb(62,208,204)
-
#35d9d5
#35d9d5
rgb(53,217,213)
-
#2ce2de
#2ce2de
rgb(44,226,222)
-
#23ebe7
#23ebe7
rgb(35,235,231)
-
#19f5f0
#19f5f0
rgb(25,245,240)
-
#10fef9
#10fef9
rgb(16,254,249)
Color Blindness Simulator
Below, you can see how #5ab4b2 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.