#342748 hex color

In a RGB color space, hex #342748 is composed of 20.4% red, 15.3% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 45.8% magenta, 0% yellow and 71.8% black. It has a hue angle of 263.6 degrees, a saturation of 29.7% and a lightness of 21.8%. #342748 color hex could be obtained by blending #684e90 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 15
- B 28
RGB color chart
- C 28
- M 46
- Y 0
- K 72
CMYK color chart

● #342748 color description : Very dark desaturated violet.

The hexadecimal color #342748 has RGB values of R:52, G:39, B:72 and CMYK values of C:0.28, M:0.46, Y:0, K:0.72. Its decimal value is 3417928.

Hex triplet	342748	`#342748`
RGB Decimal	52, 39, 72	`rgb(52,39,72)`
RGB Percent	20.4, 15.3, 28.2	`rgb(20.4%,15.3%,28.2%)`
CMYK	28, 46, 0, 72
HSL	263.6°, 29.7, 21.8	`hsl(263.6,29.7%,21.8%)`
HSV (or HSB)	263.6°, 45.8, 28.2
Web Safe	333333	`#333333`

CIE-LAB	18.579, 14.25, -18.415
XYZ	3.311, 2.649, 6.467
xyY	0.266, 0.213, 2.649
CIE-LCH	18.579, 23.285, 307.735
CIE-LUV	18.579, 3.442, -20.908
Hunter-Lab	16.276, 7.832, -12.167
Binary	00110100, 00100111, 01001000

#342748
```
#342748 rgb(52,39,72)
```
#3b4827
```
#3b4827 rgb(59,72,39)
```

Complementary Color

#272b48
```
#272b48 rgb(39,43,72)
```
#342748
```
#342748 rgb(52,39,72)
```
#452748
```
#452748 rgb(69,39,72)
```

Analogous Color

#2b4827
```
#2b4827 rgb(43,72,39)
```
#342748
```
#342748 rgb(52,39,72)
```
#484527
```
#484527 rgb(72,69,39)
```

Split Complementary Color

#274834
```
#274834 rgb(39,72,52)
```
#342748
```
#342748 rgb(52,39,72)
```
#483427
```
#483427 rgb(72,52,39)
```

Triadic Color

#273b48
```
#273b48 rgb(39,59,72)
```
#342748
```
#342748 rgb(52,39,72)
```
#483427
```
#483427 rgb(72,52,39)
```
#3b4827
```
#3b4827 rgb(59,72,39)
```

Tetradic Color

#100c16
```
#100c16 rgb(16,12,22)
```
#1c1527
```
#1c1527 rgb(28,21,39)
```
#281e37
```
#281e37 rgb(40,30,55)
```
#342748
```
#342748 rgb(52,39,72)
```
#403059
```
#403059 rgb(64,48,89)
```
#4c3969
```
#4c3969 rgb(76,57,105)
```
#58427a
```
#58427a rgb(88,66,122)
```

Monochromatic Color

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

#2c2748
```
#2c2748 rgb(44,39,72)
```
#2f2748
```
#2f2748 rgb(47,39,72)
```
#312748
```
#312748 rgb(49,39,72)
```
#342748
```
#342748 rgb(52,39,72)
```
#372748
```
#372748 rgb(55,39,72)
```
#3a2748
```
#3a2748 rgb(58,39,72)
```
#3c2748
```
#3c2748 rgb(60,39,72)
```

Similar Colors

Text with hexadecimal color #342748

This text has a font color of #342748.

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

#342748 background color

This paragraph has a background color of #342748.

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

#342748 border color

This element has a border color of #342748.

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

CSS codes

.text {color:#342748;}

.background {background-color:#342748;}

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

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

#060508
```
#060508 rgb(6,5,8)
```
#0f0b15
```
#0f0b15 rgb(15,11,21)
```
#181222
```
#181222 rgb(24,18,34)
```
#22192f
```
#22192f rgb(34,25,47)
```
#2b203b
```
#2b203b rgb(43,32,59)
```
#342748
```
#342748 rgb(52,39,72)
```
#3d2e55
```
#3d2e55 rgb(61,46,85)
```
#463561
```
#463561 rgb(70,53,97)
```
#503c6e
```
#503c6e rgb(80,60,110)
```
#59437b
```
#59437b rgb(89,67,123)
```
#624988
```
#624988 rgb(98,73,136)
```
#6b5094
```
#6b5094 rgb(107,80,148)
```
#7457a1
```
#7457a1 rgb(116,87,161)
```

Shade Color Variation

#7e62aa
```
#7e62aa rgb(126,98,170)
```
#896fb1
```
#896fb1 rgb(137,111,177)
```
#937bb8
```
#937bb8 rgb(147,123,184)
```
#9e88bf
```
#9e88bf rgb(158,136,191)
```
#a895c6
```
#a895c6 rgb(168,149,198)
```
#b2a2cc
```
#b2a2cc rgb(178,162,204)
```
#bdaed3
```
#bdaed3 rgb(189,174,211)
```
#c7bbda
```
#c7bbda rgb(199,187,218)
```
#d2c8e1
```
#d2c8e1 rgb(210,200,225)
```
#dcd4e8
```
#dcd4e8 rgb(220,212,232)
```
#e7e1ef
```
#e7e1ef rgb(231,225,239)
```
#f1eef6
```
#f1eef6 rgb(241,238,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #37343b is the less saturated color, while #2c016e is the most saturated one.

#37343b
```
#37343b rgb(55,52,59)
```
#36303f
```
#36303f rgb(54,48,63)
```
#352b44
```
#352b44 rgb(53,43,68)
```
#342748
```
#342748 rgb(52,39,72)
```
#33234c
```
#33234c rgb(51,35,76)
```
#321e51
```
#321e51 rgb(50,30,81)
```
#311a55
```
#311a55 rgb(49,26,85)
```
#301659
```
#301659 rgb(48,22,89)
```
#2f125d
```
#2f125d rgb(47,18,93)
```
#2f0d62
```
#2f0d62 rgb(47,13,98)
```
#2e0966
```
#2e0966 rgb(46,9,102)
```
#2d056a
```
#2d056a rgb(45,5,106)
```
#2c016e
```
#2c016e rgb(44,1,110)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#302d34 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b3755 Protanopia 1% of men
#2d374f Deuteranopia 1% of men
#39373b Tritanopia 0.001% of the population

Trichromacy

#2e3150 Protanomaly 1% of men, 0.01% of women
#2f314c Deuteranomaly 6% of men, 0.4% of women
#37313f Tritanomaly 0.01% of the population

#342748 hex color

#342748 Color Information

#342748 Color Conversion

Color Schemes with #342748

Alternatives to #342748

#342748 Preview

Shades and Tints of #342748

Tones of #342748

Color Blindness Simulator