#342336 hex color

In a RGB color space, hex #342336 is composed of 20.4% red, 13.7% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 35.2% magenta, 0% yellow and 78.8% black. It has a hue angle of 293.7 degrees, a saturation of 21.3% and a lightness of 17.5%. #342336 color hex could be obtained by blending #68466c with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 14
- B 21
RGB color chart
- C 4
- M 35
- Y 0
- K 79
CMYK color chart

● #342336 color description : Very dark desaturated magenta.

The hexadecimal color #342336 has RGB values of R:52, G:35, B:54 and CMYK values of C:0.04, M:0.35, Y:0, K:0.79. Its decimal value is 3416886.

Hex triplet	342336	`#342336`
RGB Decimal	52, 35, 54	`rgb(52,35,54)`
RGB Percent	20.4, 13.7, 21.2	`rgb(20.4%,13.7%,21.2%)`
CMYK	4, 35, 0, 79
HSL	293.7°, 21.3, 17.5	`hsl(293.7,21.3%,17.5%)`
HSV (or HSB)	293.7°, 35.2, 21.2
Web Safe	333333	`#333333`

CIE-LAB	16.496, 12.169, -9.174
XYZ	2.683, 2.199, 3.773
xyY	0.31, 0.254, 2.199
CIE-LCH	16.496, 15.24, 322.987
CIE-LUV	16.496, 6.562, -10.113
Hunter-Lab	14.827, 6.351, -4.707
Binary	00110100, 00100011, 00110110

#342336
```
#342336 rgb(52,35,54)
```
#253623
```
#253623 rgb(37,54,35)
```

Complementary Color

#2b2336
```
#2b2336 rgb(43,35,54)
```
#342336
```
#342336 rgb(52,35,54)
```
#36232f
```
#36232f rgb(54,35,47)
```

Analogous Color

#23362b
```
#23362b rgb(35,54,43)
```
#342336
```
#342336 rgb(52,35,54)
```
#2f3623
```
#2f3623 rgb(47,54,35)
```

Split Complementary Color

#233634
```
#233634 rgb(35,54,52)
```
#342336
```
#342336 rgb(52,35,54)
```
#363423
```
#363423 rgb(54,52,35)
```

Triadic Color

#232536
```
#232536 rgb(35,37,54)
```
#342336
```
#342336 rgb(52,35,54)
```
#363423
```
#363423 rgb(54,52,35)
```
#253623
```
#253623 rgb(37,54,35)
```

Tetradic Color

#070508
```
#070508 rgb(7,5,8)
```
#160f17
```
#160f17 rgb(22,15,23)
```
#251927
```
#251927 rgb(37,25,39)
```
#342336
```
#342336 rgb(52,35,54)
```
#432d45
```
#432d45 rgb(67,45,69)
```
#523755
```
#523755 rgb(82,55,85)
```
#614164
```
#614164 rgb(97,65,100)
```

Monochromatic Color

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

#2f2336
```
#2f2336 rgb(47,35,54)
```
#312336
```
#312336 rgb(49,35,54)
```
#322336
```
#322336 rgb(50,35,54)
```
#342336
```
#342336 rgb(52,35,54)
```
#362336
```
#362336 rgb(54,35,54)
```
#362335
```
#362335 rgb(54,35,53)
```
#362333
```
#362333 rgb(54,35,51)
```

Similar Colors

Text with hexadecimal color #342336

This text has a font color of #342336.

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

#342336 background color

This paragraph has a background color of #342336.

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

#342336 border color

This element has a border color of #342336.

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

CSS codes

.text {color:#342336;}

.background {background-color:#342336;}

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

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

#060406
```
#060406 rgb(6,4,6)
```
#120c12
```
#120c12 rgb(18,12,18)
```
#1d141e
```
#1d141e rgb(29,20,30)
```
#291b2a
```
#291b2a rgb(41,27,42)
```
#342336
```
#342336 rgb(52,35,54)
```
#3f2b42
```
#3f2b42 rgb(63,43,66)
```
#4b324e
```
#4b324e rgb(75,50,78)
```
#563a5a
```
#563a5a rgb(86,58,90)
```
#624266
```
#624266 rgb(98,66,102)
```
#6d4a72
```
#6d4a72 rgb(109,74,114)
```
#79517d
```
#79517d rgb(121,81,125)
```
#845989
```
#845989 rgb(132,89,137)
```
#906195
```
#906195 rgb(144,97,149)
```

Shade Color Variation

#996b9f
```
#996b9f rgb(153,107,159)
```
#a277a7
```
#a277a7 rgb(162,119,167)
```
#aa82ae
```
#aa82ae rgb(170,130,174)
```
#b28eb6
```
#b28eb6 rgb(178,142,182)
```
#ba9abe
```
#ba9abe rgb(186,154,190)
```
#c2a6c5
```
#c2a6c5 rgb(194,166,197)
```
#cab2cd
```
#cab2cd rgb(202,178,205)
```
#d2bed5
```
#d2bed5 rgb(210,190,213)
```
#dbcadd
```
#dbcadd rgb(219,202,221)
```
#e3d6e4
```
#e3d6e4 rgb(227,214,228)
```
#ebe2ec
```
#ebe2ec rgb(235,226,236)
```
#f3eef4
```
#f3eef4 rgb(243,238,244)
```
#fbf9fb
```
#fbf9fb rgb(251,249,251)
```

Tint Color Variation

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

#2f2a2f
```
#2f2a2f rgb(47,42,47)
```
#312633
```
#312633 rgb(49,38,51)
```
#342336
```
#342336 rgb(52,35,54)
```
#372039
```
#372039 rgb(55,32,57)
```
#391c3d
```
#391c3d rgb(57,28,61)
```
#3c1940
```
#3c1940 rgb(60,25,64)
```
#3f1544
```
#3f1544 rgb(63,21,68)
```
#421247
```
#421247 rgb(66,18,71)
```
#440e4b
```
#440e4b rgb(68,14,75)
```
#470b4e
```
#470b4e rgb(71,11,78)
```
#4a0851
```
#4a0851 rgb(74,8,81)
```
#4c0455
```
#4c0455 rgb(76,4,85)
```
#4f0158
```
#4f0158 rgb(79,1,88)
```

Tone Color Variation

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

#2a2a2a Achromatopsia 0.005% of the population
#2c292c Atypical Achromatopsia 0.001% of the population

Dichromacy

#2f3343 Protanopia 1% of men
#32323f Deuteranopia 1% of men
#3c3034 Tritanopia 0.001% of the population

Trichromacy

#302d3e Protanomaly 1% of men, 0.01% of women
#332d3b Deuteranomaly 6% of men, 0.4% of women
#392b34 Tritanomaly 0.01% of the population

#342336 hex color

#342336 Color Information

#342336 Color Conversion

Color Schemes with #342336

Alternatives to #342336

#342336 Preview

Shades and Tints of #342336

Tones of #342336

Color Blindness Simulator