#342ca2 Color Information
In a RGB color space, hex #342ca2 is composed of 20.4% red, 17.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 72.8% magenta, 0% yellow and 36.5% black. It has a hue angle of 244.1 degrees, a saturation of 57.3% and a lightness of 40.4%. #342ca2 color hex could be obtained by blending #6858ff with #000045. Closest websafe color is: #333399.
-
- R 20
- G 17
- B 64
-
- C 68
- M 73
- Y 0
- K 36
● #342ca2 color description : Dark blue.
#342ca2 Color Conversion
The hexadecimal color #342ca2 has RGB values of R:52, G:44, B:162 and CMYK values of C:0.68, M:0.73, Y:0, K:0.36. Its decimal value is 3419298.
Hex triplet | 342ca2 | #342ca2 |
---|---|---|
RGB Decimal | 52, 44, 162 | rgb(52,44,162) |
RGB Percent | 20.4, 17.3, 63.5 | rgb(20.4%,17.3%,63.5%) |
CMYK | 68, 73, 0, 36 | |
HSL | 244.1°, 57.3, 40.4 | hsl(244.1,57.3%,40.4%) |
HSV (or HSB) | 244.1°, 72.8, 63.5 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 27.129, 40.613, -62.26 |
---|---|
XYZ | 8.837, 5.14, 34.707 |
xyY | 0.182, 0.106, 5.14 |
CIE-LCH | 27.129, 74.335, 303.117 |
CIE-LUV | 27.129, -4.177, -79.333 |
Hunter-Lab | 22.671, 29.906, -74.898 |
Binary | 00110100, 00101100, 10100010 |
Color Schemes with #342ca2
Alternatives to #342ca2
Below, you can see some colors close to #342ca2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#342ca2 Preview
This text has a font color of #342ca2.
<span style="color:#342ca2;">Text here</span>
This paragraph has a background color of #342ca2.
<p style="background-color:#342ca2;">Content here</p>
This element has a border color of #342ca2.
<div style="border:1px solid #342ca2;">Content here</div>
.text {color:#342ca2;}
.background {background-color:#342ca2;}
.border {border:1px solid #342ca2;}
Shades and Tints of #342ca2
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, #020208 is the darkest color, while #f8f7fd is the lightest one.
-
#020208
#020208
rgb(2,2,8)
-
#070617
#070617
rgb(7,6,23)
-
#0c0a27
#0c0a27
rgb(12,10,39)
-
#110f36
#110f36
rgb(17,15,54)
-
#161345
#161345
rgb(22,19,69)
-
#1b1755
#1b1755
rgb(27,23,85)
-
#201b64
#201b64
rgb(32,27,100)
-
#251f74
#251f74
rgb(37,31,116)
-
#2a2483
#2a2483
rgb(42,36,131)
-
#2f2893
#2f2893
rgb(47,40,147)
-
#342ca2
#342ca2
rgb(52,44,162)
-
#3930b1
#3930b1
rgb(57,48,177)
-
#3e34c1
#3e34c1
rgb(62,52,193)
-
#483ecb
#483ecb
rgb(72,62,203)
-
#564ecf
#564ecf
rgb(86,78,207)
-
#655dd3
#655dd3
rgb(101,93,211)
-
#746cd7
#746cd7
rgb(116,108,215)
-
#827cdb
#827cdb
rgb(130,124,219)
-
#918be0
#918be0
rgb(145,139,224)
-
#a09be4
#a09be4
rgb(160,155,228)
-
#aeaae8
#aeaae8
rgb(174,170,232)
-
#bdbaec
#bdbaec
rgb(189,186,236)
-
#ccc9f0
#ccc9f0
rgb(204,201,240)
-
#dad8f5
#dad8f5
rgb(218,216,245)
-
#e9e8f9
#e9e8f9
rgb(233,232,249)
-
#f8f7fd
#f8f7fd
rgb(248,247,253)
Tones of #342ca2
A tone is produced by adding gray to any pure hue. In this case, #64636b is the less saturated color, while #1204ca is the most saturated one.
-
#64636b
#64636b
rgb(100,99,107)
-
#5d5c72
#5d5c72
rgb(93,92,114)
-
#56547a
#56547a
rgb(86,84,122)
-
#4f4c82
#4f4c82
rgb(79,76,130)
-
#49448a
#49448a
rgb(73,68,138)
-
#423c92
#423c92
rgb(66,60,146)
-
#3b349a
#3b349a
rgb(59,52,154)
-
#342ca2
#342ca2
rgb(52,44,162)
-
#2d24aa
#2d24aa
rgb(45,36,170)
-
#261cb2
#261cb2
rgb(38,28,178)
-
#1f14ba
#1f14ba
rgb(31,20,186)
-
#190cc2
#190cc2
rgb(25,12,194)
-
#1204ca
#1204ca
rgb(18,4,202)
Color Blindness Simulator
Below, you can see how #342ca2 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.