#343e5e hex color

In a RGB color space, hex #343e5e is composed of 20.4% red, 24.3% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 34% magenta, 0% yellow and 63.1% black. It has a hue angle of 225.7 degrees, a saturation of 28.8% and a lightness of 28.6%. #343e5e color hex could be obtained by blending #687cbc with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #343e5e has RGB values of R:52, G:62, B:94 and CMYK values of C:0.45, M:0.34, Y:0, K:0.63. Its decimal value is 3423838.

Hex triplet	343e5e	`#343e5e`
RGB Decimal	52, 62, 94	`rgb(52,62,94)`
RGB Percent	20.4, 24.3, 36.9	`rgb(20.4%,24.3%,36.9%)`
CMYK	45, 34, 0, 63
HSL	225.7°, 28.8, 28.6	`hsl(225.7,28.8%,28.6%)`
HSV (or HSB)	225.7°, 44.7, 36.9
Web Safe	333366	`#333366`

CIE-LAB	26.687, 5.313, -20.331
XYZ	5.159, 4.983, 11.279
xyY	0.241, 0.233, 4.983
CIE-LCH	26.687, 21.014, 284.646
CIE-LUV	26.687, -5.699, -25.686
Hunter-Lab	22.323, 2.184, -14.331
Binary	00110100, 00111110, 01011110

#343e5e
```
#343e5e rgb(52,62,94)
```
#5e5434
```
#5e5434 rgb(94,84,52)
```

Complementary Color

#34535e
```
#34535e rgb(52,83,94)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#3f345e
```
#3f345e rgb(63,52,94)
```

Analogous Color

#535e34
```
#535e34 rgb(83,94,52)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#5e3f34
```
#5e3f34 rgb(94,63,52)
```

Split Complementary Color

#3e5e34
```
#3e5e34 rgb(62,94,52)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#5e343e
```
#5e343e rgb(94,52,62)
```

Triadic Color

#345e54
```
#345e54 rgb(52,94,84)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#5e343e
```
#5e343e rgb(94,52,62)
```
#5e5434
```
#5e5434 rgb(94,84,52)
```

Tetradic Color

#191e2d
```
#191e2d rgb(25,30,45)
```
#22283d
```
#22283d rgb(34,40,61)
```
#2b334e
```
#2b334e rgb(43,51,78)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#3d496e
```
#3d496e rgb(61,73,110)
```
#46547f
```
#46547f rgb(70,84,127)
```
#4f5e8f
```
#4f5e8f rgb(79,94,143)
```

Monochromatic Color

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

#34495e
```
#34495e rgb(52,73,94)
```
#34455e
```
#34455e rgb(52,69,94)
```
#34425e
```
#34425e rgb(52,66,94)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#343b5e
```
#343b5e rgb(52,59,94)
```
#34375e
```
#34375e rgb(52,55,94)
```
#35345e
```
#35345e rgb(53,52,94)
```

Similar Colors

Text with hexadecimal color #343e5e

This text has a font color of #343e5e.

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

#343e5e background color

This paragraph has a background color of #343e5e.

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

#343e5e border color

This element has a border color of #343e5e.

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

CSS codes

.text {color:#343e5e;}

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

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

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 #f8f9fb is the lightest one.

#030406
```
#030406 rgb(3,4,6)
```
#0a0c12
```
#0a0c12 rgb(10,12,18)
```
#11141f
```
#11141f rgb(17,20,31)
```
#181d2b
```
#181d2b rgb(24,29,43)
```
#1f2538
```
#1f2538 rgb(31,37,56)
```
#262d45
```
#262d45 rgb(38,45,69)
```
#2d3651
```
#2d3651 rgb(45,54,81)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#3b466b
```
#3b466b rgb(59,70,107)
```
#424f77
```
#424f77 rgb(66,79,119)
```
#495784
```
#495784 rgb(73,87,132)
```
#505f91
```
#505f91 rgb(80,95,145)
```
#57689d
```
#57689d rgb(87,104,157)
```

Shade Color Variation

#6071a7
```
#6071a7 rgb(96,113,167)
```
#6d7dae
```
#6d7dae rgb(109,125,174)
```
#7a88b5
```
#7a88b5 rgb(122,136,181)
```
#8693bc
```
#8693bc rgb(134,147,188)
```
#939ec3
```
#939ec3 rgb(147,158,195)
```
#a0aaca
```
#a0aaca rgb(160,170,202)
```
#acb5d1
```
#acb5d1 rgb(172,181,209)
```
#b9c0d8
```
#b9c0d8 rgb(185,192,216)
```
#c5ccdf
```
#c5ccdf rgb(197,204,223)
```
#d2d7e6
```
#d2d7e6 rgb(210,215,230)
```
#dfe2ed
```
#dfe2ed rgb(223,226,237)
```
#ebedf4
```
#ebedf4 rgb(235,237,244)
```
#f8f9fb
```
#f8f9fb rgb(248,249,251)
```

Tint Color Variation

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

#45474d
```
#45474d rgb(69,71,77)
```
#3f4453
```
#3f4453 rgb(63,68,83)
```
#3a4158
```
#3a4158 rgb(58,65,88)
```
#343e5e
```
#343e5e rgb(52,62,94)
```
#2e3b64
```
#2e3b64 rgb(46,59,100)
```
#293869
```
#293869 rgb(41,56,105)
```
#23356f
```
#23356f rgb(35,53,111)
```
#1e3274
```
#1e3274 rgb(30,50,116)
```
#182f7a
```
#182f7a rgb(24,47,122)
```
#122c80
```
#122c80 rgb(18,44,128)
```
#0d2985
```
#0d2985 rgb(13,41,133)
```
#07268b
```
#07268b rgb(7,38,139)
```
#012491
```
#012491 rgb(1,36,145)
```

Tone Color Variation

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

#3e4866 Protanopia 1% of men
#3c4866 Deuteranopia 1% of men
#374c51 Tritanopia 0.001% of the population

Trichromacy

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

#343e5e hex color

#343e5e Color Information

#343e5e Color Conversion

Color Schemes with #343e5e

Alternatives to #343e5e

#343e5e Preview

Shades and Tints of #343e5e

Tones of #343e5e

Color Blindness Simulator