#342b84 color information
In a RGB color space, hex #342b84 is composed of 20.4% red, 16.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 67.4% magenta, 0% yellow and 48.2% black. It has a hue angle of 246.1 degrees, a saturation of 50.9% and a lightness of 34.3%. #342b84 color hex could be obtained by blending #6856ff with #000009. Closest websafe color is: #333399.
#342b84 color conversion
The hexadecimal color #342b84 has RGB values of R:52, G:43, B:132 and CMYK values of C:0.61, M:0.67, Y:0, K:0.48. Its decimal value is 3419012.
- Hex triplet 342b84
#342b84 - RGB Decimal 52, 43, 132
rgb(52,43,132) - RGB Percent 20.4, 16.9, 51.8
rgb(20.4%,16.9%,51.8%) - CMYK 61, 67, 0, 48
- HSL 246.1°, 50.9, 34.3
hsl(246,51%,34%) - HSV (or HSB) 246.1°, 67.4, 51.8
- Web Safe 333399
#333399
- CIE-LAB 24.076, 31.142, -48.768
- XYZ 6.444, 4.124, 22.285
- xyY 0.196, 0.126, 4.124
- CIE-LCH 24.076, 57.863, 302.561
- CIE-LUV 24.076, -2.228, -60.638
- Hunter-Lab 20.306, 21.109, -50.852
- Binary 00110100, 00101011, 10000100
Color Schemes with #342b84
#342b84 in action
This text has a font color of #342b84.
<span style="color:#342b84;">Text here</span>
This paragraph has a background color of #342b84.
<p style="background-color:#342b84;">Content here</p>
This element has a border color of #342b84.
<div style="border:1px solid #342b84;">Content here</div>
.text {color:#342b84;}
.background {background-color:#342b84;}
.border {border:1px solid #342b84;}
Shades of #342b84
- #05040e #05040e
rgb(5,4,14) - #110e2b #110e2b
rgb(17,14,43) - #1d1849 #1d1849
rgb(29,24,73) - #282166 #282166
rgb(40,33,102) - #342b84 #342b84
rgb(52,43,132) - #4035a2 #4035a2
rgb(64,53,162) - #4b3ebf #4b3ebf
rgb(75,62,191) - #665bca #665bca
rgb(102,91,202) - #8279d3 #8279d3
rgb(130,121,211) - #9d96dd #9d96dd
rgb(157,150,221) - #b9b4e7 #b9b4e7
rgb(185,180,231) - #d5d1f0 #d5d1f0
rgb(213,209,240) - #f0effa #f0effa
rgb(240,239,250)
Color Blindness Simulator
Below, you can see how #342b84 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.
