#3a4563 color information
In a RGB color space, hex #3a4563 is composed of 22.7% red, 27.1% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 30.3% magenta, 0% yellow and 61.2% black. It has a hue angle of 223.9 degrees, a saturation of 26.1% and a lightness of 30.8%. #3a4563 color hex could be obtained by blending #748ac6 with #000000. Closest websafe color is: #333366.
#3a4563 color conversion
The hexadecimal color #3a4563 has RGB values of R:58, G:69, B:99 and CMYK values of C:0.41, M:0.3, Y:0, K:0.61. Its decimal value is 3818851.
- Hex triplet 3a4563
#3a4563 - RGB Decimal 58, 69, 99
rgb(58,69,99) - RGB Percent 22.7, 27.1, 38.8
rgb(22.7%,27.1%,38.8%) - CMYK 41, 30, 0, 61
- HSL 223.9°, 26.1, 30.8
hsl(224,26%,31%) - HSV (or HSB) 223.9°, 41.4, 38.8
- Web Safe 333366
#333366
- CIE-LAB 29.554, 4.101, -19.048
- XYZ 6.125, 6.056, 12.65
- xyY 0.247, 0.244, 6.056
- CIE-LCH 29.554, 19.485, 282.149
- CIE-LUV 29.554, -6.248, -24.719
- Hunter-Lab 24.61, 1.356, -13.249
- Binary 00111010, 01000101, 01100011
Color Schemes with #3a4563
#3a4563 in action
This text has a font color of #3a4563.
<span style="color:#3a4563;">Text here</span>
This paragraph has a background color of #3a4563.
<p style="background-color:#3a4563;">Content here</p>
This element has a border color of #3a4563.
<div style="border:1px solid #3a4563;">Content here</div>
.text {color:#3a4563;}
.background {background-color:#3a4563;}
.border {border:1px solid #3a4563;}
Shades of #3a4563
- #000000 #000000
rgb(0,0,0) - #0f1119 #0f1119
rgb(15,17,25) - #1d2332 #1d2332
rgb(29,35,50) - #2c344a #2c344a
rgb(44,52,74) - #3a4563 #3a4563
rgb(58,69,99) - #48567c #48567c
rgb(72,86,124) - #576794 #576794
rgb(87,103,148) - #6b7ba8 #6b7ba8
rgb(107,123,168) - #8391b7 #8391b7
rgb(131,145,183) - #9ca7c5 #9ca7c5
rgb(156,167,197) - #b5bdd4 #b5bdd4
rgb(181,189,212) - #ced3e2 #ced3e2
rgb(206,211,226) - #e6e9f1 #e6e9f1
rgb(230,233,241)
Color Blindness Simulator
Below, you can see how #3a4563 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.
