#343e72 hex color

In a RGB color space, hex #343e72 is composed of 20.4% red, 24.3% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 45.6% magenta, 0% yellow and 55.3% black. It has a hue angle of 230.3 degrees, a saturation of 37.3% and a lightness of 32.5%. #343e72 color hex could be obtained by blending #687ce4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 24
- B 45
RGB color chart
- C 54
- M 46
- Y 0
- K 55
CMYK color chart

● #343e72 color description : Very dark desaturated blue.

The hexadecimal color #343e72 has RGB values of R:52, G:62, B:114 and CMYK values of C:0.54, M:0.46, Y:0, K:0.55. Its decimal value is 3423858.

Hex triplet	343e72	`#343e72`
RGB Decimal	52, 62, 114	`rgb(52,62,114)`
RGB Percent	20.4, 24.3, 44.7	`rgb(20.4%,24.3%,44.7%)`
CMYK	54, 46, 0, 55
HSL	230.3°, 37.3, 32.5	`hsl(230.3,37.3%,32.5%)`
HSV (or HSB)	230.3°, 54.4, 44.7
Web Safe	333366	`#333366`

CIE-LAB	27.818, 12.137, -31.367
XYZ	6.175, 5.39, 16.634
xyY	0.219, 0.191, 5.39
CIE-LCH	27.818, 33.633, 291.153
CIE-LUV	27.818, -6.306, -41.248
Hunter-Lab	23.216, 6.852, -26.228
Binary	00110100, 00111110, 01110010

#343e72
```
#343e72 rgb(52,62,114)
```
#726834
```
#726834 rgb(114,104,52)
```

Complementary Color

#345d72
```
#345d72 rgb(52,93,114)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#493472
```
#493472 rgb(73,52,114)
```

Analogous Color

#5d7234
```
#5d7234 rgb(93,114,52)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#724934
```
#724934 rgb(114,73,52)
```

Split Complementary Color

#3e7234
```
#3e7234 rgb(62,114,52)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#72343e
```
#72343e rgb(114,52,62)
```

Triadic Color

#347268
```
#347268 rgb(52,114,104)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#72343e
```
#72343e rgb(114,52,62)
```
#726834
```
#726834 rgb(114,104,52)
```

Tetradic Color

#1c213d
```
#1c213d rgb(28,33,61)
```
#242b4f
```
#242b4f rgb(36,43,79)
```
#2c3460
```
#2c3460 rgb(44,52,96)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#3c4884
```
#3c4884 rgb(60,72,132)
```
#445195
```
#445195 rgb(68,81,149)
```
#4c5ba7
```
#4c5ba7 rgb(76,91,167)
```

Monochromatic Color

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

#344e72
```
#344e72 rgb(52,78,114)
```
#344872
```
#344872 rgb(52,72,114)
```
#344372
```
#344372 rgb(52,67,114)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#343972
```
#343972 rgb(52,57,114)
```
#343472
```
#343472 rgb(52,52,114)
```
#3a3472
```
#3a3472 rgb(58,52,114)
```

Similar Colors

Text with hexadecimal color #343e72

This text has a font color of #343e72.

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

#343e72 background color

This paragraph has a background color of #343e72.

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

#343e72 border color

This element has a border color of #343e72.

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

CSS codes

.text {color:#343e72;}

.background {background-color:#343e72;}

.border {border:1px solid #343e72;}

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

#030306
```
#030306 rgb(3,3,6)
```
#090b14
```
#090b14 rgb(9,11,20)
```
#0f1221
```
#0f1221 rgb(15,18,33)
```
#15192f
```
#15192f rgb(21,25,47)
```
#1b213c
```
#1b213c rgb(27,33,60)
```
#22284a
```
#22284a rgb(34,40,74)
```
#282f57
```
#282f57 rgb(40,47,87)
```
#2e3765
```
#2e3765 rgb(46,55,101)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#3a457f
```
#3a457f rgb(58,69,127)
```
#404d8d
```
#404d8d rgb(64,77,141)
```
#46549a
```
#46549a rgb(70,84,154)
```
#4d5ba8
```
#4d5ba8 rgb(77,91,168)
```

Shade Color Variation

#5665b2
```
#5665b2 rgb(86,101,178)
```
#6471b8
```
#6471b8 rgb(100,113,184)
```
#717ebe
```
#717ebe rgb(113,126,190)
```
#7f8ac4
```
#7f8ac4 rgb(127,138,196)
```
#8c96cb
```
#8c96cb rgb(140,150,203)
```
#99a2d1
```
#99a2d1 rgb(153,162,209)
```
#a7afd7
```
#a7afd7 rgb(167,175,215)
```
#b4bbdd
```
#b4bbdd rgb(180,187,221)
```
#c2c7e3
```
#c2c7e3 rgb(194,199,227)
```
#cfd4e9
```
#cfd4e9 rgb(207,212,233)
```
#dde0ef
```
#dde0ef rgb(221,224,239)
```
#eaecf6
```
#eaecf6 rgb(234,236,246)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#4e4f58
```
#4e4f58 rgb(78,79,88)
```
#474b5f
```
#474b5f rgb(71,75,95)
```
#414765
```
#414765 rgb(65,71,101)
```
#3a426c
```
#3a426c rgb(58,66,108)
```
#343e72
```
#343e72 rgb(52,62,114)
```
#2e3a78
```
#2e3a78 rgb(46,58,120)
```
#27357f
```
#27357f rgb(39,53,127)
```
#213185
```
#213185 rgb(33,49,133)
```
#1a2d8c
```
#1a2d8c rgb(26,45,140)
```
#142892
```
#142892 rgb(20,40,146)
```
#0e2498
```
#0e2498 rgb(14,36,152)
```
#07209f
```
#07209f rgb(7,32,159)
```
#011ba5
```
#011ba5 rgb(1,27,165)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3e404b Atypical Achromatopsia 0.001% of the population

Dichromacy

#34497a Protanopia 1% of men
#2a4c77 Deuteranopia 1% of men
#2f5056 Tritanopia 0.001% of the population

Trichromacy

#344577 Protanomaly 1% of men, 0.01% of women
#2e4675 Deuteranomaly 6% of men, 0.4% of women
#314960 Tritanomaly 0.01% of the population

#343e72 hex color

#343e72 Color Information

#343e72 Color Conversion

Color Schemes with #343e72

Alternatives to #343e72

#343e72 Preview

Shades and Tints of #343e72

Tones of #343e72

Color Blindness Simulator