#342b8e hex color

In a RGB color space, hex #342b8e is composed of 20.4% red, 16.9% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 69.7% magenta, 0% yellow and 44.3% black. It has a hue angle of 245.5 degrees, a saturation of 53.5% and a lightness of 36.3%. #342b8e color hex could be obtained by blending #6856ff with #00001d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 17
- B 56
RGB color chart
- C 63
- M 70
- Y 0
- K 44
CMYK color chart

● #342b8e color description : Dark moderate blue.

The hexadecimal color #342b8e has RGB values of R:52, G:43, B:142 and CMYK values of C:0.63, M:0.7, Y:0, K:0.44. Its decimal value is 3419022.

Hex triplet	342b8e	`#342b8e`
RGB Decimal	52, 43, 142	`rgb(52,43,142)`
RGB Percent	20.4, 16.9, 55.7	`rgb(20.4%,16.9%,55.7%)`
CMYK	63, 70, 0, 44
HSL	245.5°, 53.5, 36.3	`hsl(245.5,53.5%,36.3%)`
HSV (or HSB)	245.5°, 69.7, 55.7
Web Safe	333399	`#333399`

CIE-LAB	24.985, 34.526, -53.518
XYZ	7.162, 4.411, 26.064
xyY	0.19, 0.117, 4.411
CIE-LCH	24.985, 63.688, 302.827
CIE-LUV	24.985, -2.848, -67.02
Hunter-Lab	21.001, 24.118, -58.881
Binary	00110100, 00101011, 10001110

#342b8e
```
#342b8e rgb(52,43,142)
```
#858e2b
```
#858e2b rgb(133,142,43)
```

Complementary Color

#2b548e
```
#2b548e rgb(43,84,142)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#662b8e
```
#662b8e rgb(102,43,142)
```

Analogous Color

#548e2b
```
#548e2b rgb(84,142,43)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#8e662b
```
#8e662b rgb(142,102,43)
```

Split Complementary Color

#2b8e34
```
#2b8e34 rgb(43,142,52)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#8e342b
```
#8e342b rgb(142,52,43)
```

Triadic Color

#2b858e
```
#2b858e rgb(43,133,142)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#8e342b
```
#8e342b rgb(142,52,43)
```
#858e2b
```
#858e2b rgb(133,142,43)
```

Tetradic Color

#1e1953
```
#1e1953 rgb(30,25,83)
```
#261f67
```
#261f67 rgb(38,31,103)
```
#2d257a
```
#2d257a rgb(45,37,122)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#3b31a2
```
#3b31a2 rgb(59,49,162)
```
#4237b5
```
#4237b5 rgb(66,55,181)
```
#4c40c5
```
#4c40c5 rgb(76,64,197)
```

Monochromatic Color

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

#2b3b8e
```
#2b3b8e rgb(43,59,142)
```
#2b338e
```
#2b338e rgb(43,51,142)
```
#2c2b8e
```
#2c2b8e rgb(44,43,142)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#3c2b8e
```
#3c2b8e rgb(60,43,142)
```
#452b8e
```
#452b8e rgb(69,43,142)
```
#4d2b8e
```
#4d2b8e rgb(77,43,142)
```

Similar Colors

Text with hexadecimal color #342b8e

This text has a font color of #342b8e.

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

#342b8e background color

This paragraph has a background color of #342b8e.

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

#342b8e border color

This element has a border color of #342b8e.

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

CSS codes

.text {color:#342b8e;}

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

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

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, #020206 is the darkest color, while #f7f6fc is the lightest one.

#020206
```
#020206 rgb(2,2,6)
```
#080716
```
#080716 rgb(8,7,22)
```
#0d0b25
```
#0d0b25 rgb(13,11,37)
```
#131034
```
#131034 rgb(19,16,52)
```
#181443
```
#181443 rgb(24,20,67)
```
#1e1952
```
#1e1952 rgb(30,25,82)
```
#231d61
```
#231d61 rgb(35,29,97)
```
#292270
```
#292270 rgb(41,34,112)
```
#2e267f
```
#2e267f rgb(46,38,127)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#3a309d
```
#3a309d rgb(58,48,157)
```
#3f34ac
```
#3f34ac rgb(63,52,172)
```
#4539bb
```
#4539bb rgb(69,57,187)
```

Shade Color Variation

#4e42c6
```
#4e42c6 rgb(78,66,198)
```
#5c51ca
```
#5c51ca rgb(92,81,202)
```
#6a60cf
```
#6a60cf rgb(106,96,207)
```
#786fd3
```
#786fd3 rgb(120,111,211)
```
#867ed8
```
#867ed8 rgb(134,126,216)
```
#948ddc
```
#948ddc rgb(148,141,220)
```
#a29ce1
```
#a29ce1 rgb(162,156,225)
```
#b0abe6
```
#b0abe6 rgb(176,171,230)
```
#bfbaea
```
#bfbaea rgb(191,186,234)
```
#cdc9ef
```
#cdc9ef rgb(205,201,239)
```
#dbd8f3
```
#dbd8f3 rgb(219,216,243)
```
#e9e7f8
```
#e9e7f8 rgb(233,231,248)
```
#f7f6fc
```
#f7f6fc rgb(247,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575663 is the less saturated color, while #1100b9 is the most saturated one.

#575663
```
#575663 rgb(87,86,99)
```
#514f6a
```
#514f6a rgb(81,79,106)
```
#4b4772
```
#4b4772 rgb(75,71,114)
```
#454079
```
#454079 rgb(69,64,121)
```
#403980
```
#403980 rgb(64,57,128)
```
#3a3287
```
#3a3287 rgb(58,50,135)
```
#342b8e
```
#342b8e rgb(52,43,142)
```
#2e2495
```
#2e2495 rgb(46,36,149)
```
#281d9c
```
#281d9c rgb(40,29,156)
```
#2316a3
```
#2316a3 rgb(35,22,163)
```
#1d0faa
```
#1d0faa rgb(29,15,170)
```
#1707b2
```
#1707b2 rgb(23,7,178)
```
#1100b9
```
#1100b9 rgb(17,0,185)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#38364a Atypical Achromatopsia 0.001% of the population

Dichromacy

#004383 Protanopia 1% of men
#004772 Deuteranopia 1% of men
#004c51 Tritanopia 0.001% of the population

Trichromacy

#123a87 Protanomaly 1% of men, 0.01% of women
#123c7c Deuteranomaly 6% of men, 0.4% of women
#124067 Tritanomaly 0.01% of the population

#342b8e hex color

#342b8e Color Information

#342b8e Color Conversion

Color Schemes with #342b8e

Alternatives to #342b8e

#342b8e Preview

Shades and Tints of #342b8e

Tones of #342b8e

Color Blindness Simulator