#342fa3 hex color

In a RGB color space, hex #342fa3 is composed of 20.4% red, 18.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 71.2% magenta, 0% yellow and 36.1% black. It has a hue angle of 242.6 degrees, a saturation of 55.2% and a lightness of 41.2%. #342fa3 color hex could be obtained by blending #685eff with #000047. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 18
- B 64
RGB color chart
- C 68
- M 71
- Y 0
- K 36
CMYK color chart

● #342fa3 color description : Dark blue.

The hexadecimal color #342fa3 has RGB values of R:52, G:47, B:163 and CMYK values of C:0.68, M:0.71, Y:0, K:0.36. Its decimal value is 3420067.

Hex triplet	342fa3	`#342fa3`
RGB Decimal	52, 47, 163	`rgb(52,47,163)`
RGB Percent	20.4, 18.4, 63.9	`rgb(20.4%,18.4%,63.9%)`
CMYK	68, 71, 0, 36
HSL	242.6°, 55.2, 41.2	`hsl(242.6,55.2%,41.2%)`
HSV (or HSB)	242.6°, 71.2, 63.9
Web Safe	333399	`#333399`

CIE-LAB	27.864, 39.183, -61.657
XYZ	9.042, 5.407, 35.215
xyY	0.182, 0.109, 5.407
CIE-LCH	27.864, 73.054, 302.436
CIE-LUV	27.864, -4.749, -79.617
Hunter-Lab	23.253, 28.72, -73.515
Binary	00110100, 00101111, 10100011

#342fa3
```
#342fa3 rgb(52,47,163)
```
#9ea32f
```
#9ea32f rgb(158,163,47)
```

Complementary Color

#2f64a3
```
#2f64a3 rgb(47,100,163)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#6e2fa3
```
#6e2fa3 rgb(110,47,163)
```

Analogous Color

#64a32f
```
#64a32f rgb(100,163,47)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#a36e2f
```
#a36e2f rgb(163,110,47)
```

Split Complementary Color

#2fa334
```
#2fa334 rgb(47,163,52)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#a3342f
```
#a3342f rgb(163,52,47)
```

Triadic Color

#2f9ea3
```
#2f9ea3 rgb(47,158,163)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#a3342f
```
#a3342f rgb(163,52,47)
```
#9ea32f
```
#9ea32f rgb(158,163,47)
```

Tetradic Color

#211e68
```
#211e68 rgb(33,30,104)
```
#27247b
```
#27247b rgb(39,36,123)
```
#2e298f
```
#2e298f rgb(46,41,143)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#3a35b7
```
#3a35b7 rgb(58,53,183)
```
#443ec7
```
#443ec7 rgb(68,62,199)
```
#5752cd
```
#5752cd rgb(87,82,205)
```

Monochromatic Color

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

#2f47a3
```
#2f47a3 rgb(47,71,163)
```
#2f3da3
```
#2f3da3 rgb(47,61,163)
```
#2f34a3
```
#2f34a3 rgb(47,52,163)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#3e2fa3
```
#3e2fa3 rgb(62,47,163)
```
#472fa3
```
#472fa3 rgb(71,47,163)
```
#512fa3
```
#512fa3 rgb(81,47,163)
```

Similar Colors

Text with hexadecimal color #342fa3

This text has a font color of #342fa3.

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

#342fa3 background color

This paragraph has a background color of #342fa3.

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

#342fa3 border color

This element has a border color of #342fa3.

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

CSS codes

.text {color:#342fa3;}

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

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

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, #03030b is the darkest color, while #fbfbfe is the lightest one.

#03030b
```
#03030b rgb(3,3,11)
```
#08071a
```
#08071a rgb(8,7,26)
```
#0d0c29
```
#0d0c29 rgb(13,12,41)
```
#121038
```
#121038 rgb(18,16,56)
```
#171548
```
#171548 rgb(23,21,72)
```
#1c1957
```
#1c1957 rgb(28,25,87)
```
#211d66
```
#211d66 rgb(33,29,102)
```
#252275
```
#252275 rgb(37,34,117)
```
#2a2685
```
#2a2685 rgb(42,38,133)
```
#2f2b94
```
#2f2b94 rgb(47,43,148)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#3933b2
```
#3933b2 rgb(57,51,178)
```
#3e38c1
```
#3e38c1 rgb(62,56,193)
```

Shade Color Variation

#4a44c9
```
#4a44c9 rgb(74,68,201)
```
#5853cd
```
#5853cd rgb(88,83,205)
```
#6762d2
```
#6762d2 rgb(103,98,210)
```
#7671d6
```
#7671d6 rgb(118,113,214)
```
#8581db
```
#8581db rgb(133,129,219)
```
#9390df
```
#9390df rgb(147,144,223)
```
#a29fe3
```
#a29fe3 rgb(162,159,227)
```
#b1aee8
```
#b1aee8 rgb(177,174,232)
```
#c0beec
```
#c0beec rgb(192,190,236)
```
#cecdf1
```
#cecdf1 rgb(206,205,241)
```
#dddcf5
```
#dddcf5 rgb(221,220,245)
```
#ecebf9
```
#ecebf9 rgb(236,235,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#68686a
```
#68686a rgb(104,104,106)
```
#605f73
```
#605f73 rgb(96,95,115)
```
#59577b
```
#59577b rgb(89,87,123)
```
#524f83
```
#524f83 rgb(82,79,131)
```
#4a478b
```
#4a478b rgb(74,71,139)
```
#433f93
```
#433f93 rgb(67,63,147)
```
#3b379b
```
#3b379b rgb(59,55,155)
```
#342fa3
```
#342fa3 rgb(52,47,163)
```
#2d27ab
```
#2d27ab rgb(45,39,171)
```
#251fb3
```
#251fb3 rgb(37,31,179)
```
#1e17bb
```
#1e17bb rgb(30,23,187)
```
#160fc3
```
#160fc3 rgb(22,15,195)
```
#0f07cb
```
#0f07cb rgb(15,7,203)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#3c3b52 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

#123f96 Protanomaly 1% of men, 0.01% of women
#12428a Deuteranomaly 6% of men, 0.4% of women
#124573 Tritanomaly 0.01% of the population

#342fa3 hex color

#342fa3 Color Information

#342fa3 Color Conversion

Color Schemes with #342fa3

Alternatives to #342fa3

#342fa3 Preview

Shades and Tints of #342fa3

Tones of #342fa3

Color Blindness Simulator