#342ea6 hex color

In a RGB color space, hex #342ea6 is composed of 20.4% red, 18% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 72.3% magenta, 0% yellow and 34.9% black. It has a hue angle of 243 degrees, a saturation of 56.6% and a lightness of 41.6%. #342ea6 color hex could be obtained by blending #685cff with #00004d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 18
- B 65
RGB color chart
- C 69
- M 72
- Y 0
- K 35
CMYK color chart

● #342ea6 color description : Dark blue.

The hexadecimal color #342ea6 has RGB values of R:52, G:46, B:166 and CMYK values of C:0.69, M:0.72, Y:0, K:0.35. Its decimal value is 3419814.

Hex triplet	342ea6	`#342ea6`
RGB Decimal	52, 46, 166	`rgb(52,46,166)`
RGB Percent	20.4, 18, 65.1	`rgb(20.4%,18%,65.1%)`
CMYK	69, 72, 0, 35
HSL	243°, 56.6, 41.6	`hsl(243,56.6%,41.6%)`
HSV (or HSB)	243°, 72.3, 65.1
Web Safe	333399	`#333399`

CIE-LAB	27.945, 40.777, -63.338
XYZ	9.275, 5.437, 36.635
xyY	0.181, 0.106, 5.437
CIE-LCH	27.945, 75.329, 302.773
CIE-LUV	27.945, -4.73, -81.583
Hunter-Lab	23.317, 30.198, -76.833
Binary	00110100, 00101110, 10100110

#342ea6
```
#342ea6 rgb(52,46,166)
```
#a0a62e
```
#a0a62e rgb(160,166,46)
```

Complementary Color

#2e64a6
```
#2e64a6 rgb(46,100,166)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#702ea6
```
#702ea6 rgb(112,46,166)
```

Analogous Color

#64a62e
```
#64a62e rgb(100,166,46)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#a6702e
```
#a6702e rgb(166,112,46)
```

Split Complementary Color

#2ea634
```
#2ea634 rgb(46,166,52)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#a6342e
```
#a6342e rgb(166,52,46)
```

Triadic Color

#2ea0a6
```
#2ea0a6 rgb(46,160,166)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#a6342e
```
#a6342e rgb(166,52,46)
```
#a0a62e
```
#a0a62e rgb(160,166,46)
```

Tetradic Color

#211d6a
```
#211d6a rgb(33,29,106)
```
#27237e
```
#27237e rgb(39,35,126)
```
#2e2892
```
#2e2892 rgb(46,40,146)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#3a34ba
```
#3a34ba rgb(58,52,186)
```
#453ec9
```
#453ec9 rgb(69,62,201)
```
#5852cf
```
#5852cf rgb(88,82,207)
```

Monochromatic Color

Below, you can see some colors close to #342ea6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2e46a6
```
#2e46a6 rgb(46,70,166)
```
#2e3ca6
```
#2e3ca6 rgb(46,60,166)
```
#2e32a6
```
#2e32a6 rgb(46,50,166)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#3e2ea6
```
#3e2ea6 rgb(62,46,166)
```
#482ea6
```
#482ea6 rgb(72,46,166)
```
#522ea6
```
#522ea6 rgb(82,46,166)
```

Similar Colors

Text with hexadecimal color #342ea6

This text has a font color of #342ea6.

<span style="color:#342ea6;">Text here</span>

#342ea6 background color

This paragraph has a background color of #342ea6.

<p style="background-color:#342ea6;">Content here</p>

#342ea6 border color

This element has a border color of #342ea6.

<div style="border:1px solid #342ea6;">Content here</div>

CSS codes

.text {color:#342ea6;}

.background {background-color:#342ea6;}

.border {border:1px solid #342ea6;}

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, #04030c is the darkest color, while #fcfcfe is the lightest one.

#04030c
```
#04030c rgb(4,3,12)
```
#09081c
```
#09081c rgb(9,8,28)
```
#0e0c2b
```
#0e0c2b rgb(14,12,43)
```
#12103a
```
#12103a rgb(18,16,58)
```
#17144a
```
#17144a rgb(23,20,74)
```
#1c1959
```
#1c1959 rgb(28,25,89)
```
#211d69
```
#211d69 rgb(33,29,105)
```
#262178
```
#262178 rgb(38,33,120)
```
#2a2587
```
#2a2587 rgb(42,37,135)
```
#2f2a97
```
#2f2a97 rgb(47,42,151)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#3932b5
```
#3932b5 rgb(57,50,181)
```
#3e37c5
```
#3e37c5 rgb(62,55,197)
```

Shade Color Variation

#4b44cb
```
#4b44cb rgb(75,68,203)
```
#5953cf
```
#5953cf rgb(89,83,207)
```
#6862d4
```
#6862d4 rgb(104,98,212)
```
#7772d8
```
#7772d8 rgb(119,114,216)
```
#8681dc
```
#8681dc rgb(134,129,220)
```
#9591e0
```
#9591e0 rgb(149,145,224)
```
#a3a0e5
```
#a3a0e5 rgb(163,160,229)
```
#b2afe9
```
#b2afe9 rgb(178,175,233)
```
#c1bfed
```
#c1bfed rgb(193,191,237)
```
#d0cef1
```
#d0cef1 rgb(208,206,241)
```
#dfddf6
```
#dfddf6 rgb(223,221,246)
```
#ededfa
```
#ededfa rgb(237,237,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67676d is the less saturated color, while #0f05cf is the most saturated one.

#67676d
```
#67676d rgb(103,103,109)
```
#605f75
```
#605f75 rgb(96,95,117)
```
#59577d
```
#59577d rgb(89,87,125)
```
#514f85
```
#514f85 rgb(81,79,133)
```
#4a468e
```
#4a468e rgb(74,70,142)
```
#433e96
```
#433e96 rgb(67,62,150)
```
#3b369e
```
#3b369e rgb(59,54,158)
```
#342ea6
```
#342ea6 rgb(52,46,166)
```
#2d26ae
```
#2d26ae rgb(45,38,174)
```
#251eb6
```
#251eb6 rgb(37,30,182)
```
#1e16be
```
#1e16be rgb(30,22,190)
```
#170dc7
```
#170dc7 rgb(23,13,199)
```
#0f05cf
```
#0f05cf rgb(15,5,207)
```

Tone Color Variation

Below, you can see how #342ea6 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.

Monochromacy

#3d3d3d Achromatopsia 0.005% of the population
#3b3a52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004d7c Deuteranopia 1% of men
#005358 Tritanopia 0.001% of the population

Trichromacy

#123f97 Protanomaly 1% of men, 0.01% of women
#12428b Deuteranomaly 6% of men, 0.4% of women
#124574 Tritanomaly 0.01% of the population

#342ea6 hex color

#342ea6 Color Information

#342ea6 Color Conversion

Color Schemes with #342ea6

Alternatives to #342ea6

#342ea6 Preview

Shades and Tints of #342ea6

Tones of #342ea6

Color Blindness Simulator