#3b4a71 color information
In a RGB color space, hex #3b4a71 is composed of 23.1% red, 29% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 34.5% magenta, 0% yellow and 55.7% black. It has a hue angle of 223.3 degrees, a saturation of 31.4% and a lightness of 33.7%. #3b4a71 color hex could be obtained by blending #7694e2 with #000000. Closest websafe color is: #333366.
#3b4a71 color conversion
The hexadecimal color #3b4a71 has RGB values of R:59, G:74, B:113 and CMYK values of C:0.48, M:0.35, Y:0, K:0.56. Its decimal value is 3885681.
- Hex triplet 3b4a71
#3b4a71 - RGB Decimal 59, 74, 113
rgb(59,74,113) - RGB Percent 23.1, 29, 44.3
rgb(23.1%,29%,44.3%) - CMYK 48, 35, 0, 56
- HSL 223.3°, 31.4, 33.7
hsl(223,31%,34%) - HSV (or HSB) 223.3°, 47.8, 44.3
- Web Safe 333366
#333366
- CIE-LAB 31.851, 5.624, -24.332
- XYZ 7.232, 7.019, 16.596
- xyY 0.234, 0.228, 7.019
- CIE-LCH 31.851, 24.974, 283.014
- CIE-LUV 31.851, -8.117, -32.759
- Hunter-Lab 26.494, 2.363, -18.593
- Binary 00111011, 01001010, 01110001
Color Schemes with #3b4a71
#3b4a71 in action
This text has a font color of #3b4a71.
<span style="color:#3b4a71;">Text here</span>
This paragraph has a background color of #3b4a71.
<p style="background-color:#3b4a71;">Content here</p>
This element has a border color of #3b4a71.
<div style="border:1px solid #3b4a71;">Content here</div>
.text {color:#3b4a71;}
.background {background-color:#3b4a71;}
.border {border:1px solid #3b4a71;}
Shades of #3b4a71
- #05060a #05060a
rgb(5,6,10) - #131724 #131724
rgb(19,23,36) - #20283d #20283d
rgb(32,40,61) - #2e3957 #2e3957
rgb(46,57,87) - #3b4a71 #3b4a71
rgb(59,74,113) - #485b8b #485b8b
rgb(72,91,139) - #566ca5 #566ca5
rgb(86,108,165) - #6e81b3 #6e81b3
rgb(110,129,179) - #8898c1 #8898c1
rgb(136,152,193) - #a2aece #a2aece
rgb(162,174,206) - #bcc5dc #bcc5dc
rgb(188,197,220) - #d5dbe9 #d5dbe9
rgb(213,219,233) - #eff1f7 #eff1f7
rgb(239,241,247)
Color Blindness Simulator
Below, you can see how #3b4a71 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.
