#5b7cb2 color information
In a RGB color space, hex #5b7cb2 is composed of 35.7% red, 48.6% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 30.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 217.2 degrees, a saturation of 36.1% and a lightness of 52.7%. #5b7cb2 color hex could be obtained by blending #b6f8ff with #000065. Closest websafe color is: #666699.
#5b7cb2 color conversion
The hexadecimal color #5b7cb2 has RGB values of R:91, G:124, B:178 and CMYK values of C:0.49, M:0.3, Y:0, K:0.3. Its decimal value is 5995698.
- Hex triplet 5b7cb2
#5b7cb2 - RGB Decimal 91, 124, 178
rgb(91,124,178) - RGB Percent 35.7, 48.6, 69.8
rgb(35.7%,48.6%,69.8%) - CMYK 49, 30, 0, 30
- HSL 217.2°, 36.1, 52.7
hsl(217,36%,53%) - HSV (or HSB) 217.2°, 48.9, 69.8
- Web Safe 666699
#666699
- CIE-LAB 51.67, 3.496, -32.212
- XYZ 19.556, 19.853, 44.919
- xyY 0.232, 0.235, 19.853
- CIE-LCH 51.67, 32.401, 276.193
- CIE-LUV 51.67, -16.67, -49.121
- Hunter-Lab 44.557, 0.371, -28.582
- Binary 01011011, 01111100, 10110010
Color Schemes with #5b7cb2
#5b7cb2 in action
This text has a font color of #5b7cb2.
<span style="color:#5b7cb2;">Text here</span>
This paragraph has a background color of #5b7cb2.
<p style="background-color:#5b7cb2;">Content here</p>
This element has a border color of #5b7cb2.
<div style="border:1px solid #5b7cb2;">Content here</div>
.text {color:#5b7cb2;}
.background {background-color:#5b7cb2;}
.border {border:1px solid #5b7cb2;}
Shades of #5b7cb2
- #0b0f17 #0b0f17
rgb(11,15,23) - #172132 #172132
rgb(23,33,50) - #24334c #24334c
rgb(36,51,76) - #304567 #304567
rgb(48,69,103) - #3d5782 #3d5782
rgb(61,87,130) - #49699c #49699c
rgb(73,105,156) - #5b7cb2 #5b7cb2
rgb(91,124,178) - #7691bf #7691bf
rgb(118,145,191) - #90a7cb #90a7cb
rgb(144,167,203) - #abbcd8 #abbcd8
rgb(171,188,216) - #c6d1e4 #c6d1e4
rgb(198,209,228) - #e0e7f1 #e0e7f1
rgb(224,231,241) - #fbfcfd #fbfcfd
rgb(251,252,253)
Color Blindness Simulator
Below, you can see how #5b7cb2 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.
