#342f89 hex color

In a RGB color space, hex #342f89 is composed of 20.4% red, 18.4% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 65.7% magenta, 0% yellow and 46.3% black. It has a hue angle of 243.3 degrees, a saturation of 48.9% and a lightness of 36.1%. #342f89 color hex could be obtained by blending #685eff with #000013. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 18
- B 54
RGB color chart
- C 62
- M 66
- Y 0
- K 46
CMYK color chart

● #342f89 color description : Dark moderate blue.

The hexadecimal color #342f89 has RGB values of R:52, G:47, B:137 and CMYK values of C:0.62, M:0.66, Y:0, K:0.46. Its decimal value is 3420041.

Hex triplet	342f89	`#342f89`
RGB Decimal	52, 47, 137	`rgb(52,47,137)`
RGB Percent	20.4, 18.4, 53.7	`rgb(20.4%,18.4%,53.7%)`
CMYK	62, 66, 0, 46
HSL	243.3°, 48.9, 36.1	`hsl(243.3,48.9%,36.1%)`
HSV (or HSB)	243.3°, 65.7, 53.7
Web Safe	333399	`#333399`

CIE-LAB	25.47, 30.306, -49.617
XYZ	6.947, 4.569, 24.181
xyY	0.195, 0.128, 4.569
CIE-LCH	25.47, 58.141, 301.417
CIE-LUV	25.47, -3.348, -63.09
Hunter-Lab	21.375, 20.608, -52.111
Binary	00110100, 00101111, 10001001

#342f89
```
#342f89 rgb(52,47,137)
```
#84892f
```
#84892f rgb(132,137,47)
```

Complementary Color

#2f5789
```
#2f5789 rgb(47,87,137)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#612f89
```
#612f89 rgb(97,47,137)
```

Analogous Color

#57892f
```
#57892f rgb(87,137,47)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#89612f
```
#89612f rgb(137,97,47)
```

Split Complementary Color

#2f8934
```
#2f8934 rgb(47,137,52)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#89342f
```
#89342f rgb(137,52,47)
```

Triadic Color

#2f8489
```
#2f8489 rgb(47,132,137)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#89342f
```
#89342f rgb(137,52,47)
```
#84892f
```
#84892f rgb(132,137,47)
```

Tetradic Color

#1e1b50
```
#1e1b50 rgb(30,27,80)
```
#262263
```
#262263 rgb(38,34,99)
```
#2d2876
```
#2d2876 rgb(45,40,118)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#3b369c
```
#3b369c rgb(59,54,156)
```
#423caf
```
#423caf rgb(66,60,175)
```
#4c45bf
```
#4c45bf rgb(76,69,191)
```

Monochromatic Color

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

#2f4189
```
#2f4189 rgb(47,65,137)
```
#2f3989
```
#2f3989 rgb(47,57,137)
```
#2f3289
```
#2f3289 rgb(47,50,137)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#3b2f89
```
#3b2f89 rgb(59,47,137)
```
#432f89
```
#432f89 rgb(67,47,137)
```
#4a2f89
```
#4a2f89 rgb(74,47,137)
```

Similar Colors

Text with hexadecimal color #342f89

This text has a font color of #342f89.

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

#342f89 background color

This paragraph has a background color of #342f89.

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

#342f89 border color

This element has a border color of #342f89.

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

CSS codes

.text {color:#342f89;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#080714
```
#080714 rgb(8,7,20)
```
#0d0c23
```
#0d0c23 rgb(13,12,35)
```
#131131
```
#131131 rgb(19,17,49)
```
#181640
```
#181640 rgb(24,22,64)
```
#1e1b4f
```
#1e1b4f rgb(30,27,79)
```
#23205d
```
#23205d rgb(35,32,93)
```
#29256c
```
#29256c rgb(41,37,108)
```
#2e2a7a
```
#2e2a7a rgb(46,42,122)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#3a3498
```
#3a3498 rgb(58,52,152)
```
#3f39a6
```
#3f39a6 rgb(63,57,166)
```
#453eb5
```
#453eb5 rgb(69,62,181)
```

Shade Color Variation

#4d47c0
```
#4d47c0 rgb(77,71,192)
```
#5b55c5
```
#5b55c5 rgb(91,85,197)
```
#6a64ca
```
#6a64ca rgb(106,100,202)
```
#7873cf
```
#7873cf rgb(120,115,207)
```
#8681d4
```
#8681d4 rgb(134,129,212)
```
#9490d9
```
#9490d9 rgb(148,144,217)
```
#a29ede
```
#a29ede rgb(162,158,222)
```
#b0ade3
```
#b0ade3 rgb(176,173,227)
```
#bebce8
```
#bebce8 rgb(190,188,232)
```
#cccaed
```
#cccaed rgb(204,202,237)
```
#dad9f2
```
#dad9f2 rgb(218,217,242)
```
#e8e7f7
```
#e8e7f7 rgb(232,231,247)
```
#f6f6fc
```
#f6f6fc rgb(246,246,252)
```

Tint Color Variation

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

#5a595f
```
#5a595f rgb(90,89,95)
```
#535266
```
#535266 rgb(83,82,102)
```
#4d4b6d
```
#4d4b6d rgb(77,75,109)
```
#474474
```
#474474 rgb(71,68,116)
```
#413d7b
```
#413d7b rgb(65,61,123)
```
#3a3682
```
#3a3682 rgb(58,54,130)
```
#342f89
```
#342f89 rgb(52,47,137)
```
#2e2890
```
#2e2890 rgb(46,40,144)
```
#272197
```
#272197 rgb(39,33,151)
```
#211a9e
```
#211a9e rgb(33,26,158)
```
#1b13a5
```
#1b13a5 rgb(27,19,165)
```
#150cac
```
#150cac rgb(21,12,172)
```
#0e05b3
```
#0e05b3 rgb(14,5,179)
```

Tone Color Variation

Below, you can see how #342f89 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
#3a394b Atypical Achromatopsia 0.001% of the population

Dichromacy

#004485 Protanopia 1% of men
#004874 Deuteranopia 1% of men
#134d52 Tritanopia 0.001% of the population

Trichromacy

#123c86 Protanomaly 1% of men, 0.01% of women
#123f7c Deuteranomaly 6% of men, 0.4% of women
#1f4266 Tritanomaly 0.01% of the population

#342f89 hex color

#342f89 Color Information

#342f89 Color Conversion

Color Schemes with #342f89

Alternatives to #342f89

#342f89 Preview

Shades and Tints of #342f89

Tones of #342f89

Color Blindness Simulator