#343042 hex color

In a RGB color space, hex #343042 is composed of 20.4% red, 18.8% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 21.2% cyan, 27.3% magenta, 0% yellow and 74.1% black. It has a hue angle of 253.3 degrees, a saturation of 15.8% and a lightness of 22.4%. #343042 color hex could be obtained by blending #686084 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 19
- B 26
RGB color chart
- C 21
- M 27
- Y 0
- K 74
CMYK color chart

● #343042 color description : Very dark grayish blue.

The hexadecimal color #343042 has RGB values of R:52, G:48, B:66 and CMYK values of C:0.21, M:0.27, Y:0, K:0.74. Its decimal value is 3420226.

Hex triplet	343042	`#343042`
RGB Decimal	52, 48, 66	`rgb(52,48,66)`
RGB Percent	20.4, 18.8, 25.9	`rgb(20.4%,18.8%,25.9%)`
CMYK	21, 27, 0, 74
HSL	253.3°, 15.8, 22.4	`hsl(253.3,15.8%,22.4%)`
HSV (or HSB)	253.3°, 27.3, 25.9
Web Safe	333333	`#333333`

CIE-LAB	20.97, 6.297, -10.621
XYZ	3.456, 3.237, 5.597
xyY	0.281, 0.263, 3.237
CIE-LCH	20.97, 12.347, 300.663
CIE-LUV	20.97, 0.843, -12.237
Hunter-Lab	17.993, 2.803, -5.848
Binary	00110100, 00110000, 01000010

#343042
```
#343042 rgb(52,48,66)
```
#3e4230
```
#3e4230 rgb(62,66,48)
```

Complementary Color

#303542
```
#303542 rgb(48,53,66)
```
#343042
```
#343042 rgb(52,48,66)
```
#3d3042
```
#3d3042 rgb(61,48,66)
```

Analogous Color

#354230
```
#354230 rgb(53,66,48)
```
#343042
```
#343042 rgb(52,48,66)
```
#423d30
```
#423d30 rgb(66,61,48)
```

Split Complementary Color

#304234
```
#304234 rgb(48,66,52)
```
#343042
```
#343042 rgb(52,48,66)
```
#423430
```
#423430 rgb(66,52,48)
```

Triadic Color

#303e42
```
#303e42 rgb(48,62,66)
```
#343042
```
#343042 rgb(52,48,66)
```
#423430
```
#423430 rgb(66,52,48)
```
#3e4230
```
#3e4230 rgb(62,66,48)
```

Tetradic Color

#111016
```
#111016 rgb(17,16,22)
```
#1d1b24
```
#1d1b24 rgb(29,27,36)
```
#282533
```
#282533 rgb(40,37,51)
```
#343042
```
#343042 rgb(52,48,66)
```
#403b51
```
#403b51 rgb(64,59,81)
```
#4b4560
```
#4b4560 rgb(75,69,96)
```
#57506e
```
#57506e rgb(87,80,110)
```

Monochromatic Color

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

#303142
```
#303142 rgb(48,49,66)
```
#313042
```
#313042 rgb(49,48,66)
```
#333042
```
#333042 rgb(51,48,66)
```
#343042
```
#343042 rgb(52,48,66)
```
#363042
```
#363042 rgb(54,48,66)
```
#373042
```
#373042 rgb(55,48,66)
```
#393042
```
#393042 rgb(57,48,66)
```

Similar Colors

Text with hexadecimal color #343042

This text has a font color of #343042.

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

#343042 background color

This paragraph has a background color of #343042.

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

#343042 border color

This element has a border color of #343042.

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

CSS codes

.text {color:#343042;}

.background {background-color:#343042;}

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

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

#070709
```
#070709 rgb(7,7,9)
```
#100f15
```
#100f15 rgb(16,15,21)
```
#191720
```
#191720 rgb(25,23,32)
```
#221f2b
```
#221f2b rgb(34,31,43)
```
#2b2837
```
#2b2837 rgb(43,40,55)
```
#343042
```
#343042 rgb(52,48,66)
```
#3d384d
```
#3d384d rgb(61,56,77)
```
#464159
```
#464159 rgb(70,65,89)
```
#4f4964
```
#4f4964 rgb(79,73,100)
```
#58516f
```
#58516f rgb(88,81,111)
```
#61597b
```
#61597b rgb(97,89,123)
```
#6a6286
```
#6a6286 rgb(106,98,134)
```
#736a91
```
#736a91 rgb(115,106,145)
```

Shade Color Variation

#7d759a
```
#7d759a rgb(125,117,154)
```
#8880a3
```
#8880a3 rgb(136,128,163)
```
#928bab
```
#928bab rgb(146,139,171)
```
#9d97b3
```
#9d97b3 rgb(157,151,179)
```
#a8a2bb
```
#a8a2bb rgb(168,162,187)
```
#b2adc4
```
#b2adc4 rgb(178,173,196)
```
#bdb9cc
```
#bdb9cc rgb(189,185,204)
```
#c8c4d4
```
#c8c4d4 rgb(200,196,212)
```
#d2cfdc
```
#d2cfdc rgb(210,207,220)
```
#dddbe5
```
#dddbe5 rgb(221,219,229)
```
#e8e6ed
```
#e8e6ed rgb(232,230,237)
```
#f2f2f5
```
#f2f2f5 rgb(242,242,245)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#393939
```
#393939 rgb(57,57,57)
```
#36343e
```
#36343e rgb(54,52,62)
```
#343042
```
#343042 rgb(52,48,66)
```
#322c46
```
#322c46 rgb(50,44,70)
```
#2f274b
```
#2f274b rgb(47,39,75)
```
#2d234f
```
#2d234f rgb(45,35,79)
```
#2a1e54
```
#2a1e54 rgb(42,30,84)
```
#281a58
```
#281a58 rgb(40,26,88)
```
#25165c
```
#25165c rgb(37,22,92)
```
#231161
```
#231161 rgb(35,17,97)
```
#210d65
```
#210d65 rgb(33,13,101)
```
#1e0969
```
#1e0969 rgb(30,9,105)
```
#1c046e
```
#1c046e rgb(28,4,110)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#333236 Atypical Achromatopsia 0.001% of the population

Dichromacy

#383c4c Protanopia 1% of men
#3a3b4b Deuteranopia 1% of men
#3c3c41 Tritanopia 0.001% of the population

Trichromacy

#363748 Protanomaly 1% of men, 0.01% of women
#383748 Deuteranomaly 6% of men, 0.4% of women
#393841 Tritanomaly 0.01% of the population

#343042 hex color

#343042 Color Information

#343042 Color Conversion

Color Schemes with #343042

Alternatives to #343042

#343042 Preview

Shades and Tints of #343042

Tones of #343042

Color Blindness Simulator