#342988 hex color

In a RGB color space, hex #342988 is composed of 20.4% red, 16.1% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 69.9% magenta, 0% yellow and 46.7% black. It has a hue angle of 246.9 degrees, a saturation of 53.7% and a lightness of 34.7%. #342988 color hex could be obtained by blending #6852ff with #000011. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 16
- B 53
RGB color chart
- C 62
- M 70
- Y 0
- K 47
CMYK color chart

● #342988 color description : Dark moderate blue.

The hexadecimal color #342988 has RGB values of R:52, G:41, B:136 and CMYK values of C:0.62, M:0.7, Y:0, K:0.47. Its decimal value is 3418504.

Hex triplet	342988	`#342988`
RGB Decimal	52, 41, 136	`rgb(52,41,136)`
RGB Percent	20.4, 16.1, 53.3	`rgb(20.4%,16.1%,53.3%)`
CMYK	62, 70, 0, 47
HSL	246.9°, 53.7, 34.7	`hsl(246.9,53.7%,34.7%)`
HSV (or HSB)	246.9°, 69.9, 53.3
Web Safe	333399	`#333399`

CIE-LAB	23.977, 33.737, -51.433
XYZ	6.652, 4.093, 23.731
xyY	0.193, 0.119, 4.093
CIE-LCH	23.977, 61.51, 303.262
CIE-LUV	23.977, -2.102, -63.516
Hunter-Lab	20.232, 23.285, -55.381
Binary	00110100, 00101001, 10001000

#342988
```
#342988 rgb(52,41,136)
```
#7d8829
```
#7d8829 rgb(125,136,41)
```

Complementary Color

#294e88
```
#294e88 rgb(41,78,136)
```
#342988
```
#342988 rgb(52,41,136)
```
#642988
```
#642988 rgb(100,41,136)
```

Analogous Color

#4e8829
```
#4e8829 rgb(78,136,41)
```
#342988
```
#342988 rgb(52,41,136)
```
#886329
```
#886329 rgb(136,99,41)
```

Split Complementary Color

#298834
```
#298834 rgb(41,136,52)
```
#342988
```
#342988 rgb(52,41,136)
```
#883429
```
#883429 rgb(136,52,41)
```

Triadic Color

#297d88
```
#297d88 rgb(41,125,136)
```
#342988
```
#342988 rgb(52,41,136)
```
#883429
```
#883429 rgb(136,52,41)
```
#7d8829
```
#7d8829 rgb(125,136,41)
```

Tetradic Color

#1e174d
```
#1e174d rgb(30,23,77)
```
#251d61
```
#251d61 rgb(37,29,97)
```
#2d2374
```
#2d2374 rgb(45,35,116)
```
#342988
```
#342988 rgb(52,41,136)
```
#3b2f9c
```
#3b2f9c rgb(59,47,156)
```
#4335af
```
#4335af rgb(67,53,175)
```
#4a3bc3
```
#4a3bc3 rgb(74,59,195)
```

Monochromatic Color

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

#293688
```
#293688 rgb(41,54,136)
```
#292e88
```
#292e88 rgb(41,46,136)
```
#2c2988
```
#2c2988 rgb(44,41,136)
```
#342988
```
#342988 rgb(52,41,136)
```
#3c2988
```
#3c2988 rgb(60,41,136)
```
#442988
```
#442988 rgb(68,41,136)
```
#4c2988
```
#4c2988 rgb(76,41,136)
```

Similar Colors

Text with hexadecimal color #342988

This text has a font color of #342988.

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

#342988 background color

This paragraph has a background color of #342988.

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

#342988 border color

This element has a border color of #342988.

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

CSS codes

.text {color:#342988;}

.background {background-color:#342988;}

.border {border:1px solid #342988;}

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

#000000
```
#000000 rgb(0,0,0)
```
#06050f
```
#06050f rgb(6,5,15)
```
#0c091e
```
#0c091e rgb(12,9,30)
```
#110e2e
```
#110e2e rgb(17,14,46)
```
#17123d
```
#17123d rgb(23,18,61)
```
#1d174c
```
#1d174c rgb(29,23,76)
```
#231b5b
```
#231b5b rgb(35,27,91)
```
#28206a
```
#28206a rgb(40,32,106)
```
#2e2479
```
#2e2479 rgb(46,36,121)
```
#342988
```
#342988 rgb(52,41,136)
```
#3a2e97
```
#3a2e97 rgb(58,46,151)
```
#4032a6
```
#4032a6 rgb(64,50,166)
```
#4537b5
```
#4537b5 rgb(69,55,181)
```

Shade Color Variation

#4b3bc4
```
#4b3bc4 rgb(75,59,196)
```
#594ac9
```
#594ac9 rgb(89,74,201)
```
#675acd
```
#675acd rgb(103,90,205)
```
#7569d2
```
#7569d2 rgb(117,105,210)
```
#8378d6
```
#8378d6 rgb(131,120,214)
```
#9187db
```
#9187db rgb(145,135,219)
```
#9e96df
```
#9e96df rgb(158,150,223)
```
#aca5e4
```
#aca5e4 rgb(172,165,228)
```
#bab4e8
```
#bab4e8 rgb(186,180,232)
```
#c8c3ed
```
#c8c3ed rgb(200,195,237)
```
#d6d2f1
```
#d6d2f1 rgb(214,210,241)
```
#e4e1f6
```
#e4e1f6 rgb(228,225,246)
```
#f1f0fb
```
#f1f0fb rgb(241,240,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53525f is the less saturated color, while #1500b1 is the most saturated one.

#53525f
```
#53525f rgb(83,82,95)
```
#4e4b66
```
#4e4b66 rgb(78,75,102)
```
#49446d
```
#49446d rgb(73,68,109)
```
#443d74
```
#443d74 rgb(68,61,116)
```
#3e377a
```
#3e377a rgb(62,55,122)
```
#393081
```
#393081 rgb(57,48,129)
```
#342988
```
#342988 rgb(52,41,136)
```
#2f228f
```
#2f228f rgb(47,34,143)
```
#2a1b96
```
#2a1b96 rgb(42,27,150)
```
#24159c
```
#24159c rgb(36,21,156)
```
#1f0ea3
```
#1f0ea3 rgb(31,14,163)
```
#1a07aa
```
#1a07aa rgb(26,7,170)
```
#1500b1
```
#1500b1 rgb(21,0,177)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363447 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00417f Protanopia 1% of men
#00456f Deuteranopia 1% of men
#11494f Tritanopia 0.001% of the population

Trichromacy

#123882 Protanomaly 1% of men, 0.01% of women
#123a78 Deuteranomaly 6% of men, 0.4% of women
#1e3d63 Tritanomaly 0.01% of the population

#342988 hex color

#342988 Color Information

#342988 Color Conversion

Color Schemes with #342988

Alternatives to #342988

#342988 Preview

Shades and Tints of #342988

Tones of #342988

Color Blindness Simulator