colorhexa.com

#342c33 hex color

In a RGB color space, hex #342c33 is composed of 20.4% red, 17.3% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 1.9% yellow and 79.6% black. It has a hue angle of 307.5 degrees, a saturation of 8.3% and a lightness of 18.8%. #342c33 color hex could be obtained by blending #685866 with #000000. Closest websafe color is: #333333.

- R 20
- G 17
- B 20
RGB color chart
- C 0
- M 15
- Y 2
- K 80
CMYK color chart

● #342c33 color description : Very dark grayish magenta.

The hexadecimal color #342c33 has RGB values of R:52, G:44, B:51 and CMYK values of C:0, M:0.15, Y:0.02, K:0.8. Its decimal value is 3419187.

Hex triplet	342c33	`#342c33`
RGB Decimal	52, 44, 51	`rgb(52,44,51)`
RGB Percent	20.4, 17.3, 20	`rgb(20.4%,17.3%,20%)`
CMYK	0, 15, 2, 80
HSL	307.5°, 8.3, 18.8	`hsl(307.5,8.3%,18.8%)`
HSV (or HSB)	307.5°, 15.4, 20.4
Web Safe	333333	`#333333`

CIE-LAB	19.1, 5.202, -3.153
XYZ	2.914, 2.77, 3.513
xyY	0.317, 0.301, 2.77
CIE-LCH	19.1, 6.082, 328.78
CIE-LUV	19.1, 3.493, -3.742
Hunter-Lab	16.645, 2.125, -0.862
Binary	00110100, 00101100, 00110011

#342c33
```
#342c33 rgb(52,44,51)
```
#2c342d
```
#2c342d rgb(44,52,45)
```

Complementary Color

#312c34
```
#312c34 rgb(49,44,52)
```
#342c33
```
#342c33 rgb(52,44,51)
```
#342c2f
```
#342c2f rgb(52,44,47)
```

Analogous Color

#2c3431
```
#2c3431 rgb(44,52,49)
```
#342c33
```
#342c33 rgb(52,44,51)
```
#2f342c
```
#2f342c rgb(47,52,44)
```

Split Complementary Color

#0b090a
```
#0b090a rgb(11,9,10)
```
#181518
```
#181518 rgb(24,21,24)
```
#262025
```
#262025 rgb(38,32,37)
```
#342c33
```
#342c33 rgb(52,44,51)
```
#423841
```
#423841 rgb(66,56,65)
```
#50434e
```
#50434e rgb(80,67,78)
```
#5d4f5c
```
#5d4f5c rgb(93,79,92)
```

Monochromatic Color

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

#332c34
```
#332c34 rgb(51,44,52)
```
#342c34
```
#342c34 rgb(52,44,52)
```
#342c34
```
#342c34 rgb(52,44,52)
```
#342c33
```
#342c33 rgb(52,44,51)
```
#342c32
```
#342c32 rgb(52,44,50)
```
#342c32
```
#342c32 rgb(52,44,50)
```
#342c31
```
#342c31 rgb(52,44,49)
```

Similar Colors

Text with hexadecimal color #342c33

This text has a font color of #342c33.

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

#342c33 background color

This paragraph has a background color of #342c33.

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

#342c33 border color

This element has a border color of #342c33.

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

CSS codes

.text {color:#342c33;}

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

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

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, #0a0809 is the darkest color, while #fefefe is the lightest one.

#0a0809
```
#0a0809 rgb(10,8,9)
```
#141114
```
#141114 rgb(20,17,20)
```
#1f1a1e
```
#1f1a1e rgb(31,26,30)
```
#292329
```
#292329 rgb(41,35,41)
```
#342c33
```
#342c33 rgb(52,44,51)
```
#3f353d
```
#3f353d rgb(63,53,61)
```
#493e48
```
#493e48 rgb(73,62,72)
```
#544752
```
#544752 rgb(84,71,82)
```
#5f505d
```
#5f505d rgb(95,80,93)
```
#695967
```
#695967 rgb(105,89,103)
```
#746272
```
#746272 rgb(116,98,114)
```
#7e6b7c
```
#7e6b7c rgb(126,107,124)
```
#897486
```
#897486 rgb(137,116,134)
```

Shade Color Variation

#927e90
```
#927e90 rgb(146,126,144)
```
#9b8999
```
#9b8999 rgb(155,137,153)
```
#a494a2
```
#a494a2 rgb(164,148,162)
```
#ad9eab
```
#ad9eab rgb(173,158,171)
```
#b6a9b4
```
#b6a9b4 rgb(182,169,180)
```
#bfb4be
```
#bfb4be rgb(191,180,190)
```
#c8bec7
```
#c8bec7 rgb(200,190,199)
```
#d1c9d0
```
#d1c9d0 rgb(209,201,208)
```
#dad3d9
```
#dad3d9 rgb(218,211,217)
```
#e3dee2
```
#e3dee2 rgb(227,222,226)
```
#ece9ec
```
#ece9ec rgb(236,233,236)
```
#f5f3f5
```
#f5f3f5 rgb(245,243,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#303030
```
#303030 rgb(48,48,48)
```
#342c33
```
#342c33 rgb(52,44,51)
```
#382836
```
#382836 rgb(56,40,54)
```
#3b2539
```
#3b2539 rgb(59,37,57)
```
#3f213b
```
#3f213b rgb(63,33,59)
```
#431d3e
```
#431d3e rgb(67,29,62)
```
#461a41
```
#461a41 rgb(70,26,65)
```
#4a1644
```
#4a1644 rgb(74,22,68)
```
#4e1246
```
#4e1246 rgb(78,18,70)
```
#520e49
```
#520e49 rgb(82,14,73)
```
#550b4c
```
#550b4c rgb(85,11,76)
```
#59074f
```
#59074f rgb(89,7,79)
```
#5d0351
```
#5d0351 rgb(93,3,81)
```

Tone Color Variation

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

Dichromacy

#38383e Protanopia 1% of men
#3c373d Deuteranopia 1% of men
#3e373b Tritanopia 0.001% of the population

Trichromacy

#36343a Protanomaly 1% of men, 0.01% of women
#393339 Deuteranomaly 6% of men, 0.4% of women
#3a3338 Tritanomaly 0.01% of the population