#342f68 hex color

In a RGB color space, hex #342f68 is composed of 20.4% red, 18.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 54.8% magenta, 0% yellow and 59.2% black. It has a hue angle of 245.3 degrees, a saturation of 37.7% and a lightness of 29.6%. #342f68 color hex could be obtained by blending #685ed0 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 18
- B 41
RGB color chart
- C 50
- M 55
- Y 0
- K 59
CMYK color chart

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

The hexadecimal color #342f68 has RGB values of R:52, G:47, B:104 and CMYK values of C:0.5, M:0.55, Y:0, K:0.59. Its decimal value is 3420008.

Hex triplet	342f68	`#342f68`
RGB Decimal	52, 47, 104	`rgb(52,47,104)`
RGB Percent	20.4, 18.4, 40.8	`rgb(20.4%,18.4%,40.8%)`
CMYK	50, 55, 0, 59
HSL	245.3°, 37.7, 29.6	`hsl(245.3,37.7%,29.6%)`
HSV (or HSB)	245.3°, 54.8, 40.8
Web Safe	333366	`#333366`

CIE-LAB	22.87, 18.937, -32.865
XYZ	4.931, 3.762, 13.562
xyY	0.222, 0.169, 3.762
CIE-LCH	22.87, 37.93, 299.951
CIE-LUV	22.87, -1.36, -40.593
Hunter-Lab	19.397, 11.432, -27.878
Binary	00110100, 00101111, 01101000

#342f68
```
#342f68 rgb(52,47,104)
```
#63682f
```
#63682f rgb(99,104,47)
```

Complementary Color

#2f4768
```
#2f4768 rgb(47,71,104)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#512f68
```
#512f68 rgb(81,47,104)
```

Analogous Color

#47682f
```
#47682f rgb(71,104,47)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#68512f
```
#68512f rgb(104,81,47)
```

Split Complementary Color

#2f6834
```
#2f6834 rgb(47,104,52)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#68342f
```
#68342f rgb(104,52,47)
```

Triadic Color

#2f6368
```
#2f6368 rgb(47,99,104)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#68342f
```
#68342f rgb(104,52,47)
```
#63682f
```
#63682f rgb(99,104,47)
```

Tetradic Color

#1a1733
```
#1a1733 rgb(26,23,51)
```
#221f45
```
#221f45 rgb(34,31,69)
```
#2b2756
```
#2b2756 rgb(43,39,86)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#3d377a
```
#3d377a rgb(61,55,122)
```
#463f8b
```
#463f8b rgb(70,63,139)
```
#4e479d
```
#4e479d rgb(78,71,157)
```

Monochromatic Color

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

#2f3868
```
#2f3868 rgb(47,56,104)
```
#2f3468
```
#2f3468 rgb(47,52,104)
```
#2f2f68
```
#2f2f68 rgb(47,47,104)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#392f68
```
#392f68 rgb(57,47,104)
```
#3e2f68
```
#3e2f68 rgb(62,47,104)
```
#422f68
```
#422f68 rgb(66,47,104)
```

Similar Colors

Text with hexadecimal color #342f68

This text has a font color of #342f68.

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

#342f68 background color

This paragraph has a background color of #342f68.

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

#342f68 border color

This element has a border color of #342f68.

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

CSS codes

.text {color:#342f68;}

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

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

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

#050409
```
#050409 rgb(5,4,9)
```
#0b0a17
```
#0b0a17 rgb(11,10,23)
```
#121024
```
#121024 rgb(18,16,36)
```
#191732
```
#191732 rgb(25,23,50)
```
#201d3f
```
#201d3f rgb(32,29,63)
```
#26234d
```
#26234d rgb(38,35,77)
```
#2d295a
```
#2d295a rgb(45,41,90)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#3b3576
```
#3b3576 rgb(59,53,118)
```
#423b83
```
#423b83 rgb(66,59,131)
```
#484191
```
#484191 rgb(72,65,145)
```
#4f479e
```
#4f479e rgb(79,71,158)
```
#564eac
```
#564eac rgb(86,78,172)
```

Shade Color Variation

#6159b4
```
#6159b4 rgb(97,89,180)
```
#6e66ba
```
#6e66ba rgb(110,102,186)
```
#7b74c0
```
#7b74c0 rgb(123,116,192)
```
#8781c6
```
#8781c6 rgb(135,129,198)
```
#948fcc
```
#948fcc rgb(148,143,204)
```
#a19cd2
```
#a19cd2 rgb(161,156,210)
```
#aeaad9
```
#aeaad9 rgb(174,170,217)
```
#bbb7df
```
#bbb7df rgb(187,183,223)
```
#c8c5e5
```
#c8c5e5 rgb(200,197,229)
```
#d5d2eb
```
#d5d2eb rgb(213,210,235)
```
#e1e0f1
```
#e1e0f1 rgb(225,224,241)
```
#eeedf7
```
#eeedf7 rgb(238,237,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#474651
```
#474651 rgb(71,70,81)
```
#424057
```
#424057 rgb(66,64,87)
```
#3e3b5c
```
#3e3b5c rgb(62,59,92)
```
#393562
```
#393562 rgb(57,53,98)
```
#342f68
```
#342f68 rgb(52,47,104)
```
#2f296e
```
#2f296e rgb(47,41,110)
```
#2a2374
```
#2a2374 rgb(42,35,116)
```
#261e79
```
#261e79 rgb(38,30,121)
```
#21187f
```
#21187f rgb(33,24,127)
```
#1c1285
```
#1c1285 rgb(28,18,133)
```
#170c8b
```
#170c8b rgb(23,12,139)
```
#120691
```
#120691 rgb(18,6,145)
```
#0e0196
```
#0e0196 rgb(14,1,150)
```

Tone Color Variation

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

Dichromacy

#1f3f74 Protanopia 1% of men
#14416c Deuteranopia 1% of men
#304449 Tritanopia 0.001% of the population

Trichromacy

#263970 Protanomaly 1% of men, 0.01% of women
#1f3b6a Deuteranomaly 6% of men, 0.4% of women
#313c54 Tritanomaly 0.01% of the population

#342f68 hex color

#342f68 Color Information

#342f68 Color Conversion

Color Schemes with #342f68

Alternatives to #342f68

#342f68 Preview

Shades and Tints of #342f68

Tones of #342f68

Color Blindness Simulator