#3b5d75 color information
In a RGB color space, hex #3b5d75 is composed of 23.1% red, 36.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 49.6% cyan, 20.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 204.8 degrees, a saturation of 33% and a lightness of 34.5%. #3b5d75 color hex could be obtained by blending #76baea with #000000. Closest websafe color is: #336666.
#3b5d75 color conversion
The hexadecimal color #3b5d75 has RGB values of R:59, G:93, B:117 and CMYK values of C:0.5, M:0.21, Y:0, K:0.54. Its decimal value is 3890549.
- Hex triplet 3b5d75
#3b5d75 - RGB Decimal 59, 93, 117
rgb(59,93,117) - RGB Percent 23.1, 36.5, 45.9
rgb(23.1%,36.5%,45.9%) - CMYK 50, 21, 0, 54
- HSL 204.8°, 33, 34.5
hsl(205,33%,35%) - HSV (or HSB) 204.8°, 49.6, 45.9
- Web Safe 336666
#336666
- CIE-LAB 37.918, -5.119, -17.403
- XYZ 8.928, 10.042, 18.297
- xyY 0.24, 0.269, 10.042
- CIE-LCH 37.918, 18.14, 253.61
- CIE-LUV 37.918, -15.435, -23.112
- Hunter-Lab 31.69, -5.167, -12.049
- Binary 00111011, 01011101, 01110101
Color Schemes with #3b5d75
#3b5d75 in action
This text has a font color of #3b5d75.
<span style="color:#3b5d75;">Text here</span>
This paragraph has a background color of #3b5d75.
<p style="background-color:#3b5d75;">Content here</p>
This element has a border color of #3b5d75.
<div style="border:1px solid #3b5d75;">Content here</div>
.text {color:#3b5d75;}
.background {background-color:#3b5d75;}
.border {border:1px solid #3b5d75;}
Shades of #3b5d75
- #060a0d #060a0d
rgb(6,10,13) - #141f27 #141f27
rgb(20,31,39) - #213441 #213441
rgb(33,52,65) - #2e485b #2e485b
rgb(46,72,91) - #3b5d75 #3b5d75
rgb(59,93,117) - #48728f #48728f
rgb(72,114,143) - #5586a9 #5586a9
rgb(85,134,169) - #6f99b6 #6f99b6
rgb(111,153,182) - #89abc4 #89abc4
rgb(137,171,196) - #a3bed1 #a3bed1
rgb(163,190,209) - #bdd0de #bdd0de
rgb(189,208,222) - #d8e3eb #d8e3eb
rgb(216,227,235) - #f2f5f8 #f2f5f8
rgb(242,245,248)
Color Blindness Simulator
Below, you can see how #3b5d75 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.
