#343a77 color information
In a RGB color space, hex #343a77 is composed of 20.4% red, 22.7% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 51.3% magenta, 0% yellow and 53.3% black. It has a hue angle of 234.6 degrees, a saturation of 39.2% and a lightness of 33.5%. #343a77 color hex could be obtained by blending #6874ee with #000000. Closest websafe color is: #333366.
#343a77 color conversion
The hexadecimal color #343a77 has RGB values of R:52, G:58, B:119 and CMYK values of C:0.56, M:0.51, Y:0, K:0.53. Its decimal value is 3422839.
- Hex triplet 343a77
#343a77 - RGB Decimal 52, 58, 119
rgb(52,58,119) - RGB Percent 20.4, 22.7, 46.7
rgb(20.4%,22.7%,46.7%) - CMYK 56, 51, 0, 53
- HSL 234.6°, 39.2, 33.5
hsl(235,39%,34%) - HSV (or HSB) 234.6°, 56.3, 46.7
- Web Safe 333366
#333366
- CIE-LAB 26.984, 16.629, -35.867
- XYZ 6.258, 5.088, 18.104
- xyY 0.213, 0.173, 5.088
- CIE-LCH 26.984, 39.535, 294.874
- CIE-LUV 26.984, -5.25, -46.944
- Hunter-Lab 22.556, 10.052, -31.798
- Binary 00110100, 00111010, 01110111
Color Schemes with #343a77
#343a77 in action
This text has a font color of #343a77.
<span style="color:#343a77;">Text here</span>
This paragraph has a background color of #343a77.
<p style="background-color:#343a77;">Content here</p>
This element has a border color of #343a77.
<div style="border:1px solid #343a77;">Content here</div>
.text {color:#343a77;}
.background {background-color:#343a77;}
.border {border:1px solid #343a77;}
Shades of #343a77
- #04050a #04050a
rgb(4,5,10) - #101225 #101225
rgb(16,18,37) - #1c1f40 #1c1f40
rgb(28,31,64) - #282d5c #282d5c
rgb(40,45,92) - #343a77 #343a77
rgb(52,58,119) - #404792 #404792
rgb(64,71,146) - #4c55ae #4c55ae
rgb(76,85,174) - #656dbc #656dbc
rgb(101,109,188) - #8087c8 #8087c8
rgb(128,135,200) - #9ca1d4 #9ca1d4
rgb(156,161,212) - #b7bbdf #b7bbdf
rgb(183,187,223) - #d2d4eb #d2d4eb
rgb(210,212,235) - #edeef7 #edeef7
rgb(237,238,247)
Color Blindness Simulator
Below, you can see how #343a77 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.
