#343e5f hex color

In a RGB color space, hex #343e5f is composed of 20.4% red, 24.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 45.3% cyan, 34.7% magenta, 0% yellow and 62.7% black. It has a hue angle of 226 degrees, a saturation of 29.3% and a lightness of 28.8%. #343e5f color hex could be obtained by blending #687cbe with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 24
- B 37
RGB color chart
- C 45
- M 35
- Y 0
- K 63
CMYK color chart

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

The hexadecimal color #343e5f has RGB values of R:52, G:62, B:95 and CMYK values of C:0.45, M:0.35, Y:0, K:0.63. Its decimal value is 3423839.

Hex triplet	343e5f	`#343e5f`
RGB Decimal	52, 62, 95	`rgb(52,62,95)`
RGB Percent	20.4, 24.3, 37.3	`rgb(20.4%,24.3%,37.3%)`
CMYK	45, 35, 0, 63
HSL	226°, 29.3, 28.8	`hsl(226,29.3%,28.8%)`
HSV (or HSB)	226°, 45.3, 37.3
Web Safe	333366	`#333366`

CIE-LAB	26.739, 5.642, -20.898
XYZ	5.204, 5.001, 11.517
xyY	0.24, 0.23, 5.001
CIE-LCH	26.739, 21.646, 285.109
CIE-LUV	26.739, -5.728, -26.473
Hunter-Lab	22.364, 2.4, -14.879
Binary	00110100, 00111110, 01011111

#343e5f
```
#343e5f rgb(52,62,95)
```
#5f5534
```
#5f5534 rgb(95,85,52)
```

Complementary Color

#34545f
```
#34545f rgb(52,84,95)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#40345f
```
#40345f rgb(64,52,95)
```

Analogous Color

#545f34
```
#545f34 rgb(84,95,52)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#5f4034
```
#5f4034 rgb(95,64,52)
```

Split Complementary Color

#3e5f34
```
#3e5f34 rgb(62,95,52)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#5f343e
```
#5f343e rgb(95,52,62)
```

Triadic Color

#345f55
```
#345f55 rgb(52,95,85)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#5f343e
```
#5f343e rgb(95,52,62)
```
#5f5534
```
#5f5534 rgb(95,85,52)
```

Tetradic Color

#191e2e
```
#191e2e rgb(25,30,46)
```
#22283e
```
#22283e rgb(34,40,62)
```
#2b334f
```
#2b334f rgb(43,51,79)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#3d496f
```
#3d496f rgb(61,73,111)
```
#465480
```
#465480 rgb(70,84,128)
```
#4f5e90
```
#4f5e90 rgb(79,94,144)
```

Monochromatic Color

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

#34495f
```
#34495f rgb(52,73,95)
```
#34455f
```
#34455f rgb(52,69,95)
```
#34425f
```
#34425f rgb(52,66,95)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#343a5f
```
#343a5f rgb(52,58,95)
```
#34375f
```
#34375f rgb(52,55,95)
```
#35345f
```
#35345f rgb(53,52,95)
```

Similar Colors

Text with hexadecimal color #343e5f

This text has a font color of #343e5f.

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

#343e5f background color

This paragraph has a background color of #343e5f.

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

#343e5f border color

This element has a border color of #343e5f.

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

CSS codes

.text {color:#343e5f;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0a0c13
```
#0a0c13 rgb(10,12,19)
```
#111520
```
#111520 rgb(17,21,32)
```
#181d2c
```
#181d2c rgb(24,29,44)
```
#1f2539
```
#1f2539 rgb(31,37,57)
```
#262d46
```
#262d46 rgb(38,45,70)
```
#2d3652
```
#2d3652 rgb(45,54,82)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#3b466c
```
#3b466c rgb(59,70,108)
```
#424f78
```
#424f78 rgb(66,79,120)
```
#495785
```
#495785 rgb(73,87,133)
```
#505f92
```
#505f92 rgb(80,95,146)
```
#57679e
```
#57679e rgb(87,103,158)
```

Shade Color Variation

#6071a8
```
#6071a8 rgb(96,113,168)
```
#6d7caf
```
#6d7caf rgb(109,124,175)
```
#7a88b6
```
#7a88b6 rgb(122,136,182)
```
#8693bd
```
#8693bd rgb(134,147,189)
```
#939fc4
```
#939fc4 rgb(147,159,196)
```
#a0aacb
```
#a0aacb rgb(160,170,203)
```
#adb5d2
```
#adb5d2 rgb(173,181,210)
```
#b9c1d9
```
#b9c1d9 rgb(185,193,217)
```
#c6cce0
```
#c6cce0 rgb(198,204,224)
```
#d3d7e7
```
#d3d7e7 rgb(211,215,231)
```
#dfe3ee
```
#dfe3ee rgb(223,227,238)
```
#eceef5
```
#eceef5 rgb(236,238,245)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Tint Color Variation

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

#45474e
```
#45474e rgb(69,71,78)
```
#3f4454
```
#3f4454 rgb(63,68,84)
```
#3a4159
```
#3a4159 rgb(58,65,89)
```
#343e5f
```
#343e5f rgb(52,62,95)
```
#2e3b65
```
#2e3b65 rgb(46,59,101)
```
#29386a
```
#29386a rgb(41,56,106)
```
#233570
```
#233570 rgb(35,53,112)
```
#1d3276
```
#1d3276 rgb(29,50,118)
```
#182f7b
```
#182f7b rgb(24,47,123)
```
#122c81
```
#122c81 rgb(18,44,129)
```
#0c2987
```
#0c2987 rgb(12,41,135)
```
#07268c
```
#07268c rgb(7,38,140)
```
#012392
```
#012392 rgb(1,35,146)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#3d3f45 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4867 Protanopia 1% of men
#3b4867 Deuteranopia 1% of men
#374c52 Tritanopia 0.001% of the population

Trichromacy

#3a4464 Protanomaly 1% of men, 0.01% of women
#394464 Deuteranomaly 6% of men, 0.4% of women
#364756 Tritanomaly 0.01% of the population

#343e5f hex color

#343e5f Color Information

#343e5f Color Conversion

Color Schemes with #343e5f

Alternatives to #343e5f

#343e5f Preview

Shades and Tints of #343e5f

Tones of #343e5f

Color Blindness Simulator