#5dabb8 color information
In a RGB color space, hex #5dabb8 is composed of 36.5% red, 67.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 7.1% magenta, 0% yellow and 27.8% black. It has a hue angle of 188.6 degrees, a saturation of 39.1% and a lightness of 54.3%. #5dabb8 color hex could be obtained by blending #baffff with #005771. Closest websafe color is: #6699cc.
#5dabb8 color conversion
The hexadecimal color #5dabb8 has RGB values of R:93, G:171, B:184 and CMYK values of C:0.49, M:0.07, Y:0, K:0.28. Its decimal value is 6138808.
- Hex triplet 5dabb8
#5dabb8 - RGB Decimal 93, 171, 184
rgb(93,171,184) - RGB Percent 36.5, 67.1, 72.2
rgb(36.5%,67.1%,72.2%) - CMYK 49, 7, 0, 28
- HSL 188.6°, 39.1, 54.3
hsl(189,39%,54%) - HSV (or HSB) 188.6°, 49.5, 72.2
- Web Safe 6699cc
#6699cc
- CIE-LAB 65.68, -20.463, -14.11
- XYZ 27.727, 34.912, 50.622
- xyY 0.245, 0.308, 34.912
- CIE-LCH 65.68, 24.856, 214.588
- CIE-LUV 65.68, -34.273, -18.407
- Hunter-Lab 59.086, -19.639, -9.436
- Binary 01011101, 10101011, 10111000
Color Schemes with #5dabb8
#5dabb8 in action
This text has a font color of #5dabb8.
<span style="color:#5dabb8;">Text here</span>
This paragraph has a background color of #5dabb8.
<p style="background-color:#5dabb8;">Content here</p>
This element has a border color of #5dabb8.
<div style="border:1px solid #5dabb8;">Content here</div>
.text {color:#5dabb8;}
.background {background-color:#5dabb8;}
.border {border:1px solid #5dabb8;}
Shades of #5dabb8
- #010202 #010202
rgb(1,2,2) - #0d1b1d #0d1b1d
rgb(13,27,29) - #193438 #193438
rgb(25,52,56) - #254d53 #254d53
rgb(37,77,83) - #31666f #31666f
rgb(49,102,111) - #3c7f8a #3c7f8a
rgb(60,127,138) - #4898a5 #4898a5
rgb(72,152,165) - #5dabb8 #5dabb8
rgb(93,171,184) - #78b9c4 #78b9c4
rgb(120,185,196) - #94c7d0 #94c7d0
rgb(148,199,208) - #afd5dc #afd5dc
rgb(175,213,220) - #cae4e8 #cae4e8
rgb(202,228,232) - #e5f2f4 #e5f2f4
rgb(229,242,244)
Color Blindness Simulator
Below, you can see how #5dabb8 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.
