#5dcaf5 color information
In a RGB color space, hex #5dcaf5 is composed of 36.5% red, 79.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 17.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 197 degrees, a saturation of 88.4% and a lightness of 66.3%. #5dcaf5 color hex could be obtained by blending #baffff with #0095eb. Closest websafe color is: #66ccff.
#5dcaf5 color conversion
The hexadecimal color #5dcaf5 has RGB values of R:93, G:202, B:245 and CMYK values of C:0.62, M:0.18, Y:0, K:0.04. Its decimal value is 6146805.
- Hex triplet 5dcaf5
#5dcaf5 - RGB Decimal 93, 202, 245
rgb(93,202,245) - RGB Percent 36.5, 79.2, 96.1
rgb(36.5%,79.2%,96.1%) - CMYK 62, 18, 0, 4
- HSL 197°, 88.4, 66.3
hsl(197,88%,66%) - HSV (or HSB) 197°, 62, 96.1
- Web Safe 66ccff
#66ccff
- CIE-LAB 76.774, -18.714, -30.506
- XYZ 42.112, 51.158, 94.036
- xyY 0.225, 0.273, 51.158
- CIE-LCH 76.774, 35.789, 238.474
- CIE-LUV 76.774, -43.441, -46.457
- Hunter-Lab 71.525, -20.072, -27.884
- Binary 01011101, 11001010, 11110101
Color Schemes with #5dcaf5
#5dcaf5 in action
This text has a font color of #5dcaf5.
<span style="color:#5dcaf5;">Text here</span>This paragraph has a background color of #5dcaf5.
<p style="background-color:#5dcaf5;">Content here</p>This element has a border color of #5dcaf5.
<div style="border:1px solid #5dcaf5;">Content here</div>.text {color:#5dcaf5;}.background {background-color:#5dcaf5;}.border {border:1px solid #5dcaf5;}Shades of #5dcaf5
- #011117 #011117
rgb(1,17,23) - #042c3c #042c3c
rgb(4,44,60) - #064761 #064761
rgb(6,71,97) - #086286 #086286
rgb(8,98,134) - #0b7dab #0b7dab
rgb(11,125,171) - #0d98cf #0d98cf
rgb(13,152,207) - #13b2f0 #13b2f0
rgb(19,178,240) - #38bef3 #38bef3
rgb(56,190,243) - #5dcaf5 #5dcaf5
rgb(93,202,245) - #82d6f7 #82d6f7
rgb(130,214,247) - #a7e2fa #a7e2fa
rgb(167,226,250) - #cceefc #cceefc
rgb(204,238,252) - #f1fafe #f1fafe
rgb(241,250,254)
Color Blindness Simulator
Below, you can see how #5dcaf5 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.