#342f8f hex color

In a RGB color space, hex #342f8f is composed of 20.4% red, 18.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 67.1% magenta, 0% yellow and 43.9% black. It has a hue angle of 243.1 degrees, a saturation of 50.5% and a lightness of 37.3%. #342f8f color hex could be obtained by blending #685eff with #00001f. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 18
- B 56
RGB color chart
- C 64
- M 67
- Y 0
- K 44
CMYK color chart

● #342f8f color description : Dark moderate blue.

The hexadecimal color #342f8f has RGB values of R:52, G:47, B:143 and CMYK values of C:0.64, M:0.67, Y:0, K:0.44. Its decimal value is 3420047.

Hex triplet	342f8f	`#342f8f`
RGB Decimal	52, 47, 143	`rgb(52,47,143)`
RGB Percent	20.4, 18.4, 56.1	`rgb(20.4%,18.4%,56.1%)`
CMYK	64, 67, 0, 44
HSL	243.1°, 50.5, 37.3	`hsl(243.1,50.5%,37.3%)`
HSV (or HSB)	243.1°, 67.1, 56.1
Web Safe	333399	`#333399`

CIE-LAB	25.998, 32.375, -52.478
XYZ	7.39, 4.746, 26.512
xyY	0.191, 0.123, 4.746
CIE-LCH	25.998, 61.661, 301.671
CIE-LUV	25.998, -3.682, -66.985
Hunter-Lab	21.785, 22.424, -56.904
Binary	00110100, 00101111, 10001111

#342f8f
```
#342f8f rgb(52,47,143)
```
#8a8f2f
```
#8a8f2f rgb(138,143,47)
```

Complementary Color

#2f5a8f
```
#2f5a8f rgb(47,90,143)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#642f8f
```
#642f8f rgb(100,47,143)
```

Analogous Color

#5a8f2f
```
#5a8f2f rgb(90,143,47)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#8f642f
```
#8f642f rgb(143,100,47)
```

Split Complementary Color

#2f8f34
```
#2f8f34 rgb(47,143,52)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#8f342f
```
#8f342f rgb(143,52,47)
```

Triadic Color

#2f8a8f
```
#2f8a8f rgb(47,138,143)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#8f342f
```
#8f342f rgb(143,52,47)
```
#8a8f2f
```
#8a8f2f rgb(138,143,47)
```

Tetradic Color

#1f1c55
```
#1f1c55 rgb(31,28,85)
```
#262269
```
#262269 rgb(38,34,105)
```
#2d297c
```
#2d297c rgb(45,41,124)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#3b35a2
```
#3b35a2 rgb(59,53,162)
```
#423cb5
```
#423cb5 rgb(66,60,181)
```
#4e48c3
```
#4e48c3 rgb(78,72,195)
```

Monochromatic Color

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

#2f428f
```
#2f428f rgb(47,66,143)
```
#2f3a8f
```
#2f3a8f rgb(47,58,143)
```
#2f328f
```
#2f328f rgb(47,50,143)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#3c2f8f
```
#3c2f8f rgb(60,47,143)
```
#442f8f
```
#442f8f rgb(68,47,143)
```
#4c2f8f
```
#4c2f8f rgb(76,47,143)
```

Similar Colors

Text with hexadecimal color #342f8f

This text has a font color of #342f8f.

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

#342f8f background color

This paragraph has a background color of #342f8f.

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

#342f8f border color

This element has a border color of #342f8f.

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

CSS codes

.text {color:#342f8f;}

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

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

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, #04030a is the darkest color, while #fbfafd is the lightest one.

#04030a
```
#04030a rgb(4,3,10)
```
#090819
```
#090819 rgb(9,8,25)
```
#0e0d28
```
#0e0d28 rgb(14,13,40)
```
#141236
```
#141236 rgb(20,18,54)
```
#191745
```
#191745 rgb(25,23,69)
```
#1f1c54
```
#1f1c54 rgb(31,28,84)
```
#242063
```
#242063 rgb(36,32,99)
```
#292571
```
#292571 rgb(41,37,113)
```
#2f2a80
```
#2f2a80 rgb(47,42,128)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#39349e
```
#39349e rgb(57,52,158)
```
#3f39ad
```
#3f39ad rgb(63,57,173)
```
#443ebb
```
#443ebb rgb(68,62,187)
```

Shade Color Variation

#5049c3
```
#5049c3 rgb(80,73,195)
```
#5e58c8
```
#5e58c8 rgb(94,88,200)
```
#6c67cd
```
#6c67cd rgb(108,103,205)
```
#7a76d2
```
#7a76d2 rgb(122,118,210)
```
#8984d7
```
#8984d7 rgb(137,132,215)
```
#9793dc
```
#9793dc rgb(151,147,220)
```
#a5a2e0
```
#a5a2e0 rgb(165,162,224)
```
#b3b1e5
```
#b3b1e5 rgb(179,177,229)
```
#c2bfea
```
#c2bfea rgb(194,191,234)
```
#d0ceef
```
#d0ceef rgb(208,206,239)
```
#deddf4
```
#deddf4 rgb(222,221,244)
```
#ececf9
```
#ececf9 rgb(236,236,249)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#5b5b63
```
#5b5b63 rgb(91,91,99)
```
#55546a
```
#55546a rgb(85,84,106)
```
#4e4c72
```
#4e4c72 rgb(78,76,114)
```
#484579
```
#484579 rgb(72,69,121)
```
#413e80
```
#413e80 rgb(65,62,128)
```
#3b3688
```
#3b3688 rgb(59,54,136)
```
#342f8f
```
#342f8f rgb(52,47,143)
```
#2d2896
```
#2d2896 rgb(45,40,150)
```
#27209e
```
#27209e rgb(39,32,158)
```
#2019a5
```
#2019a5 rgb(32,25,165)
```
#1a12ac
```
#1a12ac rgb(26,18,172)
```
#130ab4
```
#130ab4 rgb(19,10,180)
```
#0d03bb
```
#0d03bb rgb(13,3,187)
```

Tone Color Variation

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

Dichromacy

#004587 Protanopia 1% of men
#004976 Deuteranopia 1% of men
#004e54 Tritanopia 0.001% of the population

Trichromacy

#123d8a Protanomaly 1% of men, 0.01% of women
#123f7f Deuteranomaly 6% of men, 0.4% of women
#124369 Tritanomaly 0.01% of the population

#342f8f hex color

#342f8f Color Information

#342f8f Color Conversion

Color Schemes with #342f8f

Alternatives to #342f8f

#342f8f Preview

Shades and Tints of #342f8f

Tones of #342f8f

Color Blindness Simulator