#343a5d hex color

In a RGB color space, hex #343a5d is composed of 20.4% red, 22.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 37.6% magenta, 0% yellow and 63.5% black. It has a hue angle of 231.2 degrees, a saturation of 28.3% and a lightness of 28.4%. #343a5d color hex could be obtained by blending #6874ba with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 23
- B 36
RGB color chart
- C 44
- M 38
- Y 0
- K 64
CMYK color chart

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

The hexadecimal color #343a5d has RGB values of R:52, G:58, B:93 and CMYK values of C:0.44, M:0.38, Y:0, K:0.64. Its decimal value is 3422813.

Hex triplet	343a5d	`#343a5d`
RGB Decimal	52, 58, 93	`rgb(52,58,93)`
RGB Percent	20.4, 22.7, 36.5	`rgb(20.4%,22.7%,36.5%)`
CMYK	44, 38, 0, 64
HSL	231.2°, 28.3, 28.4	`hsl(231.2,28.3%,28.4%)`
HSV (or HSB)	231.2°, 44.1, 36.5
Web Safe	333366	`#333366`

CIE-LAB	25.401, 7.695, -21.695
XYZ	4.905, 4.546, 10.974
xyY	0.24, 0.223, 4.546
CIE-LCH	25.401, 23.019, 289.529
CIE-LUV	25.401, -4.227, -27.213
Hunter-Lab	21.322, 3.746, -15.591
Binary	00110100, 00111010, 01011101

#343a5d
```
#343a5d rgb(52,58,93)
```
#5d5734
```
#5d5734 rgb(93,87,52)
```

Complementary Color

#344f5d
```
#344f5d rgb(52,79,93)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#43345d
```
#43345d rgb(67,52,93)
```

Analogous Color

#4f5d34
```
#4f5d34 rgb(79,93,52)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#5d4334
```
#5d4334 rgb(93,67,52)
```

Split Complementary Color

#3a5d34
```
#3a5d34 rgb(58,93,52)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#5d343a
```
#5d343a rgb(93,52,58)
```

Triadic Color

#345d57
```
#345d57 rgb(52,93,87)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#5d343a
```
#5d343a rgb(93,52,58)
```
#5d5734
```
#5d5734 rgb(93,87,52)
```

Tetradic Color

#191b2c
```
#191b2c rgb(25,27,44)
```
#22263c
```
#22263c rgb(34,38,60)
```
#2b304d
```
#2b304d rgb(43,48,77)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#3d446d
```
#3d446d rgb(61,68,109)
```
#464e7e
```
#464e7e rgb(70,78,126)
```
#4f598e
```
#4f598e rgb(79,89,142)
```

Monochromatic Color

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

#34445d
```
#34445d rgb(52,68,93)
```
#34415d
```
#34415d rgb(52,65,93)
```
#343d5d
```
#343d5d rgb(52,61,93)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#34375d
```
#34375d rgb(52,55,93)
```
#35345d
```
#35345d rgb(53,52,93)
```
#38345d
```
#38345d rgb(56,52,93)
```

Similar Colors

Text with hexadecimal color #343a5d

This text has a font color of #343a5d.

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

#343a5d background color

This paragraph has a background color of #343a5d.

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

#343a5d border color

This element has a border color of #343a5d.

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

CSS codes

.text {color:#343a5d;}

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

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

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

#030305
```
#030305 rgb(3,3,5)
```
#0a0b12
```
#0a0b12 rgb(10,11,18)
```
#11131e
```
#11131e rgb(17,19,30)
```
#181b2b
```
#181b2b rgb(24,27,43)
```
#1f2237
```
#1f2237 rgb(31,34,55)
```
#262a44
```
#262a44 rgb(38,42,68)
```
#2d3250
```
#2d3250 rgb(45,50,80)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#3b426a
```
#3b426a rgb(59,66,106)
```
#424a76
```
#424a76 rgb(66,74,118)
```
#495283
```
#495283 rgb(73,82,131)
```
#50598f
```
#50598f rgb(80,89,143)
```
#57619c
```
#57619c rgb(87,97,156)
```

Shade Color Variation

#606ba6
```
#606ba6 rgb(96,107,166)
```
#6d76ad
```
#6d76ad rgb(109,118,173)
```
#7a82b4
```
#7a82b4 rgb(122,130,180)
```
#868ebb
```
#868ebb rgb(134,142,187)
```
#939ac2
```
#939ac2 rgb(147,154,194)
```
#9fa5c9
```
#9fa5c9 rgb(159,165,201)
```
#acb1d1
```
#acb1d1 rgb(172,177,209)
```
#b8bdd8
```
#b8bdd8 rgb(184,189,216)
```
#c5c9df
```
#c5c9df rgb(197,201,223)
```
#d2d5e6
```
#d2d5e6 rgb(210,213,230)
```
#dee0ed
```
#dee0ed rgb(222,224,237)
```
#ebecf4
```
#ebecf4 rgb(235,236,244)
```
#f7f8fb
```
#f7f8fb rgb(247,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45464c is the less saturated color, while #02168f is the most saturated one.

#45464c
```
#45464c rgb(69,70,76)
```
#3f4252
```
#3f4252 rgb(63,66,82)
```
#3a3e57
```
#3a3e57 rgb(58,62,87)
```
#343a5d
```
#343a5d rgb(52,58,93)
```
#2e3663
```
#2e3663 rgb(46,54,99)
```
#293268
```
#293268 rgb(41,50,104)
```
#232e6e
```
#232e6e rgb(35,46,110)
```
#1e2a73
```
#1e2a73 rgb(30,42,115)
```
#182679
```
#182679 rgb(24,38,121)
```
#13227e
```
#13227e rgb(19,34,126)
```
#0d1e84
```
#0d1e84 rgb(13,30,132)
```
#071a8a
```
#071a8a rgb(7,26,138)
```
#02168f
```
#02168f rgb(2,22,143)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3c43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4566 Protanopia 1% of men
#374664 Deuteranopia 1% of men
#37494e Tritanopia 0.001% of the population

Trichromacy

#374162 Protanomaly 1% of men, 0.01% of women
#364161 Deuteranomaly 6% of men, 0.4% of women
#364353 Tritanomaly 0.01% of the population

#343a5d hex color

#343a5d Color Information

#343a5d Color Conversion

Color Schemes with #343a5d

Alternatives to #343a5d

#343a5d Preview

Shades and Tints of #343a5d

Tones of #343a5d

Color Blindness Simulator