#342aa6 hex color

In a RGB color space, hex #342aa6 is composed of 20.4% red, 16.5% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 74.7% magenta, 0% yellow and 34.9% black. It has a hue angle of 244.8 degrees, a saturation of 59.6% and a lightness of 40.8%. #342aa6 color hex could be obtained by blending #6854ff with #00004d. Closest websafe color is: #333399.

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

● #342aa6 color description : Dark blue.

The hexadecimal color #342aa6 has RGB values of R:52, G:42, B:166 and CMYK values of C:0.69, M:0.75, Y:0, K:0.35. Its decimal value is 3418790.

Hex triplet	342aa6	`#342aa6`
RGB Decimal	52, 42, 166	`rgb(52,42,166)`
RGB Percent	20.4, 16.5, 65.1	`rgb(20.4%,16.5%,65.1%)`
CMYK	69, 75, 0, 35
HSL	244.8°, 59.6, 40.8	`hsl(244.8,59.6%,40.8%)`
HSV (or HSB)	244.8°, 74.7, 65.1
Web Safe	333399	`#333399`

CIE-LAB	27.126, 43.064, -64.686
XYZ	9.126, 5.139, 36.585
xyY	0.179, 0.101, 5.139
CIE-LCH	27.126, 77.709, 303.653
CIE-LUV	27.126, -4.078, -81.929
Hunter-Lab	22.669, 32.188, -79.821
Binary	00110100, 00101010, 10100110

#342aa6
```
#342aa6 rgb(52,42,166)
```
#9ca62a
```
#9ca62a rgb(156,166,42)
```

Complementary Color

#2a5ea6
```
#2a5ea6 rgb(42,94,166)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#722aa6
```
#722aa6 rgb(114,42,166)
```

Analogous Color

#5ea62a
```
#5ea62a rgb(94,166,42)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#a6722a
```
#a6722a rgb(166,114,42)
```

Split Complementary Color

#2aa634
```
#2aa634 rgb(42,166,52)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#a6342a
```
#a6342a rgb(166,52,42)
```

Triadic Color

#2a9ca6
```
#2a9ca6 rgb(42,156,166)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#a6342a
```
#a6342a rgb(166,52,42)
```
#9ca62a
```
#9ca62a rgb(156,166,42)
```

Tetradic Color

#211b69
```
#211b69 rgb(33,27,105)
```
#27207d
```
#27207d rgb(39,32,125)
```
#2e2592
```
#2e2592 rgb(46,37,146)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#3a2fba
```
#3a2fba rgb(58,47,186)
```
#4337cc
```
#4337cc rgb(67,55,204)
```
#564bd1
```
#564bd1 rgb(86,75,209)
```

Monochromatic Color

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

#2a3fa6
```
#2a3fa6 rgb(42,63,166)
```
#2a35a6
```
#2a35a6 rgb(42,53,166)
```
#2a2aa6
```
#2a2aa6 rgb(42,42,166)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#3e2aa6
```
#3e2aa6 rgb(62,42,166)
```
#492aa6
```
#492aa6 rgb(73,42,166)
```
#532aa6
```
#532aa6 rgb(83,42,166)
```

Similar Colors

Text with hexadecimal color #342aa6

This text has a font color of #342aa6.

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

#342aa6 background color

This paragraph has a background color of #342aa6.

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

#342aa6 border color

This element has a border color of #342aa6.

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

CSS codes

.text {color:#342aa6;}

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

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

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 #f9f9fd is the lightest one.

#030209
```
#030209 rgb(3,2,9)
```
#080619
```
#080619 rgb(8,6,25)
```
#0d0a29
```
#0d0a29 rgb(13,10,41)
```
#120e38
```
#120e38 rgb(18,14,56)
```
#171248
```
#171248 rgb(23,18,72)
```
#1b1658
```
#1b1658 rgb(27,22,88)
```
#201a67
```
#201a67 rgb(32,26,103)
```
#251e77
```
#251e77 rgb(37,30,119)
```
#2a2287
```
#2a2287 rgb(42,34,135)
```
#2f2696
```
#2f2696 rgb(47,38,150)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#392eb6
```
#392eb6 rgb(57,46,182)
```
#3e32c5
```
#3e32c5 rgb(62,50,197)
```

Shade Color Variation

#493dce
```
#493dce rgb(73,61,206)
```
#574dd2
```
#574dd2 rgb(87,77,210)
```
#665cd6
```
#665cd6 rgb(102,92,214)
```
#756cda
```
#756cda rgb(117,108,218)
```
#837cde
```
#837cde rgb(131,124,222)
```
#928be2
```
#928be2 rgb(146,139,226)
```
#a19be6
```
#a19be6 rgb(161,155,230)
```
#b0abea
```
#b0abea rgb(176,171,234)
```
#bebaee
```
#bebaee rgb(190,186,238)
```
#cdcaf2
```
#cdcaf2 rgb(205,202,242)
```
#dcd9f6
```
#dcd9f6 rgb(220,217,246)
```
#eae9f9
```
#eae9f9 rgb(234,233,249)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #63626e is the less saturated color, while #1202ce is the most saturated one.

#63626e
```
#63626e rgb(99,98,110)
```
#5c5a76
```
#5c5a76 rgb(92,90,118)
```
#56527e
```
#56527e rgb(86,82,126)
```
#4f4a86
```
#4f4a86 rgb(79,74,134)
```
#48428e
```
#48428e rgb(72,66,142)
```
#413a96
```
#413a96 rgb(65,58,150)
```
#3b329e
```
#3b329e rgb(59,50,158)
```
#342aa6
```
#342aa6 rgb(52,42,166)
```
#2d22ae
```
#2d22ae rgb(45,34,174)
```
#271ab6
```
#271ab6 rgb(39,26,182)
```
#2012be
```
#2012be rgb(32,18,190)
```
#190ac6
```
#190ac6 rgb(25,10,198)
```
#1202ce
```
#1202ce rgb(18,2,206)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#3a3850 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00478b Protanopia 1% of men
#004c79 Deuteranopia 1% of men
#005156 Tritanopia 0.001% of the population

Trichromacy

#123d95 Protanomaly 1% of men, 0.01% of women
#123f89 Deuteranomaly 6% of men, 0.4% of women
#124373 Tritanomaly 0.01% of the population

#342aa6 hex color

#342aa6 Color Information

#342aa6 Color Conversion

Color Schemes with #342aa6

Alternatives to #342aa6

#342aa6 Preview

Shades and Tints of #342aa6

Tones of #342aa6

Color Blindness Simulator