#5b987f color information
In a RGB color space, hex #5b987f is composed of 35.7% red, 59.6% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 0% magenta, 16.4% yellow and 40.4% black. It has a hue angle of 155.4 degrees, a saturation of 25.1% and a lightness of 47.6%. #5b987f color hex could be obtained by blending #b6fffe with #003100. Closest websafe color is: #669966.
#5b987f color conversion
The hexadecimal color #5b987f has RGB values of R:91, G:152, B:127 and CMYK values of C:0.4, M:0, Y:0.16, K:0.4. Its decimal value is 6002815.
- Hex triplet 5b987f
#5b987f - RGB Decimal 91, 152, 127
rgb(91,152,127) - RGB Percent 35.7, 59.6, 49.8
rgb(35.7%,59.6%,49.8%) - CMYK 40, 0, 16, 40
- HSL 155.4°, 25.1, 47.6
hsl(155,25%,48%) - HSV (or HSB) 155.4°, 40.1, 59.6
- Web Safe 669966
#669966
- CIE-LAB 58.238, -25.739, 6.988
- XYZ 19.372, 26.212, 24.116
- xyY 0.278, 0.376, 26.212
- CIE-LCH 58.238, 26.671, 164.81
- CIE-LUV 58.238, -28.796, 13.757
- Hunter-Lab 51.198, -22.055, 7.91
- Binary 01011011, 10011000, 01111111
Color Schemes with #5b987f
#5b987f in action
This text has a font color of #5b987f.
<span style="color:#5b987f;">Text here</span>
This paragraph has a background color of #5b987f.
<p style="background-color:#5b987f;">Content here</p>
This element has a border color of #5b987f.
<div style="border:1px solid #5b987f;">Content here</div>
.text {color:#5b987f;}
.background {background-color:#5b987f;}
.border {border:1px solid #5b987f;}
Shades of #5b987f
- #030504 #030504
rgb(3,5,4) - #121d18 #121d18
rgb(18,29,24) - #20362d #20362d
rgb(32,54,45) - #2f4e41 #2f4e41
rgb(47,78,65) - #3e6756 #3e6756
rgb(62,103,86) - #4c7f6a #4c7f6a
rgb(76,127,106) - #5b987f #5b987f
rgb(91,152,127) - #71aa92 #71aa92
rgb(113,170,146) - #89b8a5 #89b8a5
rgb(137,184,165) - #a2c7b8 #a2c7b8
rgb(162,199,184) - #bad6ca #bad6ca
rgb(186,214,202) - #d3e4dd #d3e4dd
rgb(211,228,221) - #ebf3f0 #ebf3f0
rgb(235,243,240)
Color Blindness Simulator
Below, you can see how #5b987f 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.
