#342f66 hex color

In a RGB color space, hex #342f66 is composed of 20.4% red, 18.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 53.9% magenta, 0% yellow and 60% black. It has a hue angle of 245.5 degrees, a saturation of 36.9% and a lightness of 29.2%. #342f66 color hex could be obtained by blending #685ecc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 18
- B 40
RGB color chart
- C 49
- M 54
- Y 0
- K 60
CMYK color chart

● #342f66 color description : Very dark desaturated blue.

The hexadecimal color #342f66 has RGB values of R:52, G:47, B:102 and CMYK values of C:0.49, M:0.54, Y:0, K:0.6. Its decimal value is 3420006.

Hex triplet	342f66	`#342f66`
RGB Decimal	52, 47, 102	`rgb(52,47,102)`
RGB Percent	20.4, 18.4, 40	`rgb(20.4%,18.4%,40%)`
CMYK	49, 54, 0, 60
HSL	245.5°, 36.9, 29.2	`hsl(245.5,36.9%,29.2%)`
HSV (or HSB)	245.5°, 53.9, 40
Web Safe	333366	`#333366`

CIE-LAB	22.731, 18.261, -31.789
XYZ	4.831, 3.722, 13.034
xyY	0.224, 0.172, 3.722
CIE-LCH	22.731, 36.661, 299.875
CIE-LUV	22.731, -1.231, -39.167
Hunter-Lab	19.293, 10.928, -26.548
Binary	00110100, 00101111, 01100110

#342f66
```
#342f66 rgb(52,47,102)
```
#61662f
```
#61662f rgb(97,102,47)
```

Complementary Color

#2f4666
```
#2f4666 rgb(47,70,102)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#502f66
```
#502f66 rgb(80,47,102)
```

Analogous Color

#46662f
```
#46662f rgb(70,102,47)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#66502f
```
#66502f rgb(102,80,47)
```

Split Complementary Color

#2f6634
```
#2f6634 rgb(47,102,52)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#66342f
```
#66342f rgb(102,52,47)
```

Triadic Color

#2f6166
```
#2f6166 rgb(47,97,102)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#66342f
```
#66342f rgb(102,52,47)
```
#61662f
```
#61662f rgb(97,102,47)
```

Tetradic Color

#191732
```
#191732 rgb(25,23,50)
```
#221f43
```
#221f43 rgb(34,31,67)
```
#2b2755
```
#2b2755 rgb(43,39,85)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#3d3777
```
#3d3777 rgb(61,55,119)
```
#463f89
```
#463f89 rgb(70,63,137)
```
#4f479a
```
#4f479a rgb(79,71,154)
```

Monochromatic Color

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

#2f3866
```
#2f3866 rgb(47,56,102)
```
#2f3366
```
#2f3366 rgb(47,51,102)
```
#2f2f66
```
#2f2f66 rgb(47,47,102)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#392f66
```
#392f66 rgb(57,47,102)
```
#3d2f66
```
#3d2f66 rgb(61,47,102)
```
#422f66
```
#422f66 rgb(66,47,102)
```

Similar Colors

Text with hexadecimal color #342f66

This text has a font color of #342f66.

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

#342f66 background color

This paragraph has a background color of #342f66.

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

#342f66 border color

This element has a border color of #342f66.

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

CSS codes

.text {color:#342f66;}

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

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

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

#040408
```
#040408 rgb(4,4,8)
```
#0b0a15
```
#0b0a15 rgb(11,10,21)
```
#121023
```
#121023 rgb(18,16,35)
```
#191630
```
#191630 rgb(25,22,48)
```
#1f1c3e
```
#1f1c3e rgb(31,28,62)
```
#26234b
```
#26234b rgb(38,35,75)
```
#2d2959
```
#2d2959 rgb(45,41,89)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#3b3573
```
#3b3573 rgb(59,53,115)
```
#423b81
```
#423b81 rgb(66,59,129)
```
#49428e
```
#49428e rgb(73,66,142)
```
#4f489c
```
#4f489c rgb(79,72,156)
```
#564ea9
```
#564ea9 rgb(86,78,169)
```

Shade Color Variation

#6158b2
```
#6158b2 rgb(97,88,178)
```
#6d66b8
```
#6d66b8 rgb(109,102,184)
```
#7a73bf
```
#7a73bf rgb(122,115,191)
```
#8781c5
```
#8781c5 rgb(135,129,197)
```
#948ecb
```
#948ecb rgb(148,142,203)
```
#a09cd1
```
#a09cd1 rgb(160,156,209)
```
#ada9d7
```
#ada9d7 rgb(173,169,215)
```
#bab6de
```
#bab6de rgb(186,182,222)
```
#c7c4e4
```
#c7c4e4 rgb(199,196,228)
```
#d4d1ea
```
#d4d1ea rgb(212,209,234)
```
#e0dff0
```
#e0dff0 rgb(224,223,240)
```
#edecf6
```
#edecf6 rgb(237,236,246)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#47464f
```
#47464f rgb(71,70,79)
```
#424055
```
#424055 rgb(66,64,85)
```
#3d3a5b
```
#3d3a5b rgb(61,58,91)
```
#393560
```
#393560 rgb(57,53,96)
```
#342f66
```
#342f66 rgb(52,47,102)
```
#2f296c
```
#2f296c rgb(47,41,108)
```
#2b2471
```
#2b2471 rgb(43,36,113)
```
#261e77
```
#261e77 rgb(38,30,119)
```
#21187d
```
#21187d rgb(33,24,125)
```
#1d1283
```
#1d1283 rgb(29,18,131)
```
#180d88
```
#180d88 rgb(24,13,136)
```
#13078e
```
#13078e rgb(19,7,142)
```
#0e0194
```
#0e0194 rgb(14,1,148)
```

Tone Color Variation

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

Dichromacy

#213f72 Protanopia 1% of men
#19416a Deuteranopia 1% of men
#314348 Tritanopia 0.001% of the population

Trichromacy

#28396d Protanomaly 1% of men, 0.01% of women
#233a69 Deuteranomaly 6% of men, 0.4% of women
#323c53 Tritanomaly 0.01% of the population

#342f66 hex color

#342f66 Color Information

#342f66 Color Conversion

Color Schemes with #342f66

Alternatives to #342f66

#342f66 Preview

Shades and Tints of #342f66

Tones of #342f66

Color Blindness Simulator