#405c8a color information
In a RGB color space, hex #405c8a is composed of 25.1% red, 36.1% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 33.3% magenta, 0% yellow and 45.9% black. It has a hue angle of 217.3 degrees, a saturation of 36.6% and a lightness of 39.6%. #405c8a color hex could be obtained by blending #80b8ff with #000015. Closest websafe color is: #336699.
#405c8a color conversion
The hexadecimal color #405c8a has RGB values of R:64, G:92, B:138 and CMYK values of C:0.54, M:0.33, Y:0, K:0.46. Its decimal value is 4217994.
- Hex triplet 405c8a
#405c8a - RGB Decimal 64, 92, 138
rgb(64,92,138) - RGB Percent 25.1, 36.1, 54.1
rgb(25.1%,36.1%,54.1%) - CMYK 54, 33, 0, 46
- HSL 217.3°, 36.6, 39.6
hsl(217,37%,40%) - HSV (or HSB) 217.3°, 53.6, 54.1
- Web Safe 336699
#336699
- CIE-LAB 38.862, 3.653, -28.739
- XYZ 10.528, 10.579, 25.53
- xyY 0.226, 0.227, 10.579
- CIE-LCH 38.862, 28.97, 277.243
- CIE-LUV 38.862, -13.395, -40.919
- Hunter-Lab 32.525, 0.86, -23.772
- Binary 01000000, 01011100, 10001010
Color Schemes with #405c8a
#405c8a in action
This text has a font color of #405c8a.
<span style="color:#405c8a;">Text here</span>
This paragraph has a background color of #405c8a.
<p style="background-color:#405c8a;">Content here</p>
This element has a border color of #405c8a.
<div style="border:1px solid #405c8a;">Content here</div>
.text {color:#405c8a;}
.background {background-color:#405c8a;}
.border {border:1px solid #405c8a;}
Shades of #405c8a
- #020304 #020304
rgb(2,3,4) - #0e151f #0e151f
rgb(14,21,31) - #1b263a #1b263a
rgb(27,38,58) - #273854 #273854
rgb(39,56,84) - #344a6f #344a6f
rgb(52,74,111) - #405c8a #405c8a
rgb(64,92,138) - #4c6ea5 #4c6ea5
rgb(76,110,165) - #6282b6 #6282b6
rgb(98,130,182) - #7d97c3 #7d97c3
rgb(125,151,195) - #98adcf #98adcf
rgb(152,173,207) - #b3c2dc #b3c2dc
rgb(179,194,220) - #cdd7e8 #cdd7e8
rgb(205,215,232) - #e8edf4 #e8edf4
rgb(232,237,244)
Color Blindness Simulator
Below, you can see how #405c8a 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.
