#343048 hex color

In a RGB color space, hex #343048 is composed of 20.4% red, 18.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 27.8% cyan, 33.3% magenta, 0% yellow and 71.8% black. It has a hue angle of 250 degrees, a saturation of 20% and a lightness of 23.5%. #343048 color hex could be obtained by blending #686090 with #000000. Closest websafe color is: #333333.

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

● #343048 color description : Very dark grayish blue.

The hexadecimal color #343048 has RGB values of R:52, G:48, B:72 and CMYK values of C:0.28, M:0.33, Y:0, K:0.72. Its decimal value is 3420232.

Hex triplet	343048	`#343048`
RGB Decimal	52, 48, 72	`rgb(52,48,72)`
RGB Percent	20.4, 18.8, 28.2	`rgb(20.4%,18.8%,28.2%)`
CMYK	28, 33, 0, 72
HSL	250°, 20, 23.5	`hsl(250,20%,23.5%)`
HSV (or HSB)	250°, 33.3, 28.2
Web Safe	333333	`#333333`

CIE-LAB	21.252, 8.008, -14.249
XYZ	3.643, 3.312, 6.578
xyY	0.269, 0.245, 3.312
CIE-LCH	21.252, 16.345, 299.335
CIE-LUV	21.252, 0.445, -16.667
Hunter-Lab	18.198, 3.881, -8.692
Binary	00110100, 00110000, 01001000

#343048
```
#343048 rgb(52,48,72)
```
#444830
```
#444830 rgb(68,72,48)
```

Complementary Color

#303848
```
#303848 rgb(48,56,72)
```
#343048
```
#343048 rgb(52,48,72)
```
#403048
```
#403048 rgb(64,48,72)
```

Analogous Color

#384830
```
#384830 rgb(56,72,48)
```
#343048
```
#343048 rgb(52,48,72)
```
#484030
```
#484030 rgb(72,64,48)
```

Split Complementary Color

#304834
```
#304834 rgb(48,72,52)
```
#343048
```
#343048 rgb(52,48,72)
```
#483430
```
#483430 rgb(72,52,48)
```

Triadic Color

#304448
```
#304448 rgb(48,68,72)
```
#343048
```
#343048 rgb(52,48,72)
```
#483430
```
#483430 rgb(72,52,48)
```
#444830
```
#444830 rgb(68,72,48)
```

Tetradic Color

#13111a
```
#13111a rgb(19,17,26)
```
#1e1c29
```
#1e1c29 rgb(30,28,41)
```
#292639
```
#292639 rgb(41,38,57)
```
#343048
```
#343048 rgb(52,48,72)
```
#3f3a57
```
#3f3a57 rgb(63,58,87)
```
#4a4467
```
#4a4467 rgb(74,68,103)
```
#554f76
```
#554f76 rgb(85,79,118)
```

Monochromatic Color

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

#303248
```
#303248 rgb(48,50,72)
```
#303048
```
#303048 rgb(48,48,72)
```
#323048
```
#323048 rgb(50,48,72)
```
#343048
```
#343048 rgb(52,48,72)
```
#363048
```
#363048 rgb(54,48,72)
```
#383048
```
#383048 rgb(56,48,72)
```
#3a3048
```
#3a3048 rgb(58,48,72)
```

Similar Colors

Text with hexadecimal color #343048

This text has a font color of #343048.

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

#343048 background color

This paragraph has a background color of #343048.

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

#343048 border color

This element has a border color of #343048.

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

CSS codes

.text {color:#343048;}

.background {background-color:#343048;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09090d
```
#09090d rgb(9,9,13)
```
#121119
```
#121119 rgb(18,17,25)
```
#1b1825
```
#1b1825 rgb(27,24,37)
```
#232030
```
#232030 rgb(35,32,48)
```
#2c283c
```
#2c283c rgb(44,40,60)
```
#343048
```
#343048 rgb(52,48,72)
```
#3d3854
```
#3d3854 rgb(61,56,84)
```
#454060
```
#454060 rgb(69,64,96)
```
#4e486b
```
#4e486b rgb(78,72,107)
```
#564f77
```
#564f77 rgb(86,79,119)
```
#5f5783
```
#5f5783 rgb(95,87,131)
```
#675f8f
```
#675f8f rgb(103,95,143)
```

Shade Color Variation

#70679a
```
#70679a rgb(112,103,154)
```
#7b73a2
```
#7b73a2 rgb(123,115,162)
```
#867faa
```
#867faa rgb(134,127,170)
```
#918bb1
```
#918bb1 rgb(145,139,177)
```
#9c96b9
```
#9c96b9 rgb(156,150,185)
```
#a7a2c1
```
#a7a2c1 rgb(167,162,193)
```
#b3aec9
```
#b3aec9 rgb(179,174,201)
```
#bebad1
```
#bebad1 rgb(190,186,209)
```
#c9c6d9
```
#c9c6d9 rgb(201,198,217)
```
#d4d1e1
```
#d4d1e1 rgb(212,209,225)
```
#dfdde8
```
#dfdde8 rgb(223,221,232)
```
#eae9f0
```
#eae9f0 rgb(234,233,240)
```
#f5f5f8
```
#f5f5f8 rgb(245,245,248)
```

Tint Color Variation

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

#3a393f
```
#3a393f rgb(58,57,63)
```
#373543
```
#373543 rgb(55,53,67)
```
#343048
```
#343048 rgb(52,48,72)
```
#312b4d
```
#312b4d rgb(49,43,77)
```
#2e2751
```
#2e2751 rgb(46,39,81)
```
#2b2256
```
#2b2256 rgb(43,34,86)
```
#281e5a
```
#281e5a rgb(40,30,90)
```
#25195f
```
#25195f rgb(37,25,95)
```
#221464
```
#221464 rgb(34,20,100)
```
#1e1068
```
#1e1068 rgb(30,16,104)
```
#1b0b6d
```
#1b0b6d rgb(27,11,109)
```
#180672
```
#180672 rgb(24,6,114)
```
#150276
```
#150276 rgb(21,2,118)
```

Tone Color Variation

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

#363c52 Protanopia 1% of men
#373c50 Deuteranopia 1% of men
#3b3d42 Tritanopia 0.001% of the population

Trichromacy

#35384e Protanomaly 1% of men, 0.01% of women
#36384d Deuteranomaly 6% of men, 0.4% of women
#383844 Tritanomaly 0.01% of the population

#343048 hex color

#343048 Color Information

#343048 Color Conversion

Color Schemes with #343048

Alternatives to #343048

#343048 Preview

Shades and Tints of #343048

Tones of #343048

Color Blindness Simulator