#342ca3 Color Information
In a RGB color space, hex #342ca3 is composed of 20.4% red, 17.3% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 73% magenta, 0% yellow and 36.1% black. It has a hue angle of 244 degrees, a saturation of 57.5% and a lightness of 40.6%. #342ca3 color hex could be obtained by blending #6858ff with #000047. Closest websafe color is: #333399.
-
- R 20
- G 17
- B 64
-
- C 68
- M 73
- Y 0
- K 36
● #342ca3 color description : Dark blue.
#342ca3 Color Conversion
The hexadecimal color #342ca3 has RGB values of R:52, G:44, B:163 and CMYK values of C:0.68, M:0.73, Y:0, K:0.36. Its decimal value is 3419299.
Hex triplet | 342ca3 | #342ca3 |
---|---|---|
RGB Decimal | 52, 44, 163 | rgb(52,44,163) |
RGB Percent | 20.4, 17.3, 63.9 | rgb(20.4%,17.3%,63.9%) |
CMYK | 68, 73, 0, 36 | |
HSL | 244°, 57.5, 40.6 | hsl(244,57.5%,40.6%) |
HSV (or HSB) | 244°, 73, 63.9 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 27.229, 40.944, -62.702 |
---|---|
XYZ | 8.926, 5.175, 35.177 |
xyY | 0.181, 0.105, 5.175 |
CIE-LCH | 27.229, 74.886, 303.144 |
CIE-LUV | 27.229, -4.232, -79.945 |
Hunter-Lab | 22.749, 30.229, -75.754 |
Binary | 00110100, 00101100, 10100011 |
Color Schemes with #342ca3
Alternatives to #342ca3
Below, you can see some colors close to #342ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#342ca3 Preview
This text has a font color of #342ca3.
<span style="color:#342ca3;">Text here</span>
This paragraph has a background color of #342ca3.
<p style="background-color:#342ca3;">Content here</p>
This element has a border color of #342ca3.
<div style="border:1px solid #342ca3;">Content here</div>
.text {color:#342ca3;}
.background {background-color:#342ca3;}
.border {border:1px solid #342ca3;}
Shades and Tints of #342ca3
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #030209 is the darkest color, while #f8f8fd is the lightest one.
-
#030209
#030209
rgb(3,2,9)
-
#080618
#080618
rgb(8,6,24)
-
#0d0b27
#0d0b27
rgb(13,11,39)
-
#120f37
#120f37
rgb(18,15,55)
-
#161346
#161346
rgb(22,19,70)
-
#1b1756
#1b1756
rgb(27,23,86)
-
#201b65
#201b65
rgb(32,27,101)
-
#251f75
#251f75
rgb(37,31,117)
-
#2a2484
#2a2484
rgb(42,36,132)
-
#2f2894
#2f2894
rgb(47,40,148)
-
#342ca3
#342ca3
rgb(52,44,163)
-
#3930b2
#3930b2
rgb(57,48,178)
-
#3e34c2
#3e34c2
rgb(62,52,194)
-
#483fcb
#483fcb
rgb(72,63,203)
-
#574ecf
#574ecf
rgb(87,78,207)
-
#665ed3
#665ed3
rgb(102,94,211)
-
#746dd8
#746dd8
rgb(116,109,216)
-
#837ddc
#837ddc
rgb(131,125,220)
-
#928ce0
#928ce0
rgb(146,140,224)
-
#a09be4
#a09be4
rgb(160,155,228)
-
#afabe8
#afabe8
rgb(175,171,232)
-
#bebaec
#bebaec
rgb(190,186,236)
-
#cccaf1
#cccaf1
rgb(204,202,241)
-
#dbd9f5
#dbd9f5
rgb(219,217,245)
-
#eae9f9
#eae9f9
rgb(234,233,249)
-
#f8f8fd
#f8f8fd
rgb(248,248,253)
Tones of #342ca3
A tone is produced by adding gray to any pure hue. In this case, #64646b is the less saturated color, while #1204cb is the most saturated one.
-
#64646b
#64646b
rgb(100,100,107)
-
#5d5c73
#5d5c73
rgb(93,92,115)
-
#56547b
#56547b
rgb(86,84,123)
-
#504c83
#504c83
rgb(80,76,131)
-
#49448b
#49448b
rgb(73,68,139)
-
#423c93
#423c93
rgb(66,60,147)
-
#3b349b
#3b349b
rgb(59,52,155)
-
#342ca3
#342ca3
rgb(52,44,163)
-
#2d24ab
#2d24ab
rgb(45,36,171)
-
#261cb3
#261cb3
rgb(38,28,179)
-
#1f14bb
#1f14bb
rgb(31,20,187)
-
#180cc3
#180cc3
rgb(24,12,195)
-
#1204cb
#1204cb
rgb(18,4,203)
Color Blindness Simulator
Below, you can see how #342ca3 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.