#343046 hex color

In a RGB color space, hex #343046 is composed of 20.4% red, 18.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 25.7% cyan, 31.4% magenta, 0% yellow and 72.5% black. It has a hue angle of 250.9 degrees, a saturation of 18.6% and a lightness of 23.1%. #343046 color hex could be obtained by blending #68608c with #000000. Closest websafe color is: #333333.

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

● #343046 color description : Very dark grayish blue.

The hexadecimal color #343046 has RGB values of R:52, G:48, B:70 and CMYK values of C:0.26, M:0.31, Y:0, K:0.73. Its decimal value is 3420230.

Hex triplet	343046	`#343046`
RGB Decimal	52, 48, 70	`rgb(52,48,70)`
RGB Percent	20.4, 18.8, 27.5	`rgb(20.4%,18.8%,27.5%)`
CMYK	26, 31, 0, 73
HSL	250.9°, 18.6, 23.1	`hsl(250.9,18.6%,23.1%)`
HSV (or HSB)	250.9°, 31.4, 27.5
Web Safe	333333	`#333333`

CIE-LAB	21.155, 7.428, -13.047
XYZ	3.578, 3.286, 6.24
xyY	0.273, 0.251, 3.286
CIE-LCH	21.155, 15.013, 299.652
CIE-LUV	21.155, 0.577, -15.185
Hunter-Lab	18.128, 3.512, -7.719
Binary	00110100, 00110000, 01000110

#343046
```
#343046 rgb(52,48,70)
```
#424630
```
#424630 rgb(66,70,48)
```

Complementary Color

#303746
```
#303746 rgb(48,55,70)
```
#343046
```
#343046 rgb(52,48,70)
```
#3f3046
```
#3f3046 rgb(63,48,70)
```

Analogous Color

#374630
```
#374630 rgb(55,70,48)
```
#343046
```
#343046 rgb(52,48,70)
```
#463f30
```
#463f30 rgb(70,63,48)
```

Split Complementary Color

#304634
```
#304634 rgb(48,70,52)
```
#343046
```
#343046 rgb(52,48,70)
```
#463430
```
#463430 rgb(70,52,48)
```

Triadic Color

#304246
```
#304246 rgb(48,66,70)
```
#343046
```
#343046 rgb(52,48,70)
```
#463430
```
#463430 rgb(70,52,48)
```
#424630
```
#424630 rgb(66,70,48)
```

Tetradic Color

#121119
```
#121119 rgb(18,17,25)
```
#1e1b28
```
#1e1b28 rgb(30,27,40)
```
#292637
```
#292637 rgb(41,38,55)
```
#343046
```
#343046 rgb(52,48,70)
```
#3f3a55
```
#3f3a55 rgb(63,58,85)
```
#4a4564
```
#4a4564 rgb(74,69,100)
```
#564f73
```
#564f73 rgb(86,79,115)
```

Monochromatic Color

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

#303246
```
#303246 rgb(48,50,70)
```
#303046
```
#303046 rgb(48,48,70)
```
#323046
```
#323046 rgb(50,48,70)
```
#343046
```
#343046 rgb(52,48,70)
```
#363046
```
#363046 rgb(54,48,70)
```
#383046
```
#383046 rgb(56,48,70)
```
#3a3046
```
#3a3046 rgb(58,48,70)
```

Similar Colors

Text with hexadecimal color #343046

This text has a font color of #343046.

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

#343046 background color

This paragraph has a background color of #343046.

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

#343046 border color

This element has a border color of #343046.

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

CSS codes

.text {color:#343046;}

.background {background-color:#343046;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#09080c
```
#09080c rgb(9,8,12)
```
#111017
```
#111017 rgb(17,16,23)
```
#1a1823
```
#1a1823 rgb(26,24,35)
```
#23202f
```
#23202f rgb(35,32,47)
```
#2b283a
```
#2b283a rgb(43,40,58)
```
#343046
```
#343046 rgb(52,48,70)
```
#3d3852
```
#3d3852 rgb(61,56,82)
```
#45405d
```
#45405d rgb(69,64,93)
```
#4e4869
```
#4e4869 rgb(78,72,105)
```
#575075
```
#575075 rgb(87,80,117)
```
#5f5880
```
#5f5880 rgb(95,88,128)
```
#68608c
```
#68608c rgb(104,96,140)
```

Shade Color Variation

#716897
```
#716897 rgb(113,104,151)
```
#7c749f
```
#7c749f rgb(124,116,159)
```
#867fa7
```
#867fa7 rgb(134,127,167)
```
#918baf
```
#918baf rgb(145,139,175)
```
#9c96b7
```
#9c96b7 rgb(156,150,183)
```
#a7a2bf
```
#a7a2bf rgb(167,162,191)
```
#b2aec7
```
#b2aec7 rgb(178,174,199)
```
#bdb9cf
```
#bdb9cf rgb(189,185,207)
```
#c8c5d7
```
#c8c5d7 rgb(200,197,215)
```
#d3d1df
```
#d3d1df rgb(211,209,223)
```
#dedce7
```
#dedce7 rgb(222,220,231)
```
#e9e8ef
```
#e9e8ef rgb(233,232,239)
```
#f4f4f7
```
#f4f4f7 rgb(244,244,247)
```

Tint Color Variation

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

#3a393d
```
#3a393d rgb(58,57,61)
```
#373541
```
#373541 rgb(55,53,65)
```
#343046
```
#343046 rgb(52,48,70)
```
#312b4b
```
#312b4b rgb(49,43,75)
```
#2e274f
```
#2e274f rgb(46,39,79)
```
#2b2254
```
#2b2254 rgb(43,34,84)
```
#281e58
```
#281e58 rgb(40,30,88)
```
#26195d
```
#26195d rgb(38,25,93)
```
#231561
```
#231561 rgb(35,21,97)
```
#201066
```
#201066 rgb(32,16,102)
```
#1d0c6a
```
#1d0c6a rgb(29,12,106)
```
#1a076f
```
#1a076f rgb(26,7,111)
```
#170373
```
#170373 rgb(23,3,115)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#343338 Atypical Achromatopsia 0.001% of the population

Dichromacy

#373c50 Protanopia 1% of men
#383c4f Deuteranopia 1% of men
#3b3d41 Tritanopia 0.001% of the population

Trichromacy

#36384c Protanomaly 1% of men, 0.01% of women
#37374b Deuteranomaly 6% of men, 0.4% of women
#383843 Tritanomaly 0.01% of the population

#343046 hex color

#343046 Color Information

#343046 Color Conversion

Color Schemes with #343046

Alternatives to #343046

#343046 Preview

Shades and Tints of #343046

Tones of #343046

Color Blindness Simulator