#343c5a hex color

In a RGB color space, hex #343c5a is composed of 20.4% red, 23.5% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 33.3% magenta, 0% yellow and 64.7% black. It has a hue angle of 227.4 degrees, a saturation of 26.8% and a lightness of 27.8%. #343c5a color hex could be obtained by blending #6878b4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 24
- B 35
RGB color chart
- C 42
- M 33
- Y 0
- K 65
CMYK color chart

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

The hexadecimal color #343c5a has RGB values of R:52, G:60, B:90 and CMYK values of C:0.42, M:0.33, Y:0, K:0.65. Its decimal value is 3423322.

Hex triplet	343c5a	`#343c5a`
RGB Decimal	52, 60, 90	`rgb(52,60,90)`
RGB Percent	20.4, 23.5, 35.3	`rgb(20.4%,23.5%,35.3%)`
CMYK	42, 33, 0, 65
HSL	227.4°, 26.8, 27.8	`hsl(227.4,26.8%,27.8%)`
HSV (or HSB)	227.4°, 42.2, 35.3
Web Safe	333366	`#333366`

CIE-LAB	25.862, 5.361, -19.019
XYZ	4.877, 4.7, 10.322
xyY	0.245, 0.236, 4.7
CIE-LCH	25.862, 19.76, 285.74
CIE-LUV	25.862, -4.838, -23.729
Hunter-Lab	21.679, 2.219, -13.056
Binary	00110100, 00111100, 01011010

#343c5a
```
#343c5a rgb(52,60,90)
```
#5a5234
```
#5a5234 rgb(90,82,52)
```

Complementary Color

#344f5a
```
#344f5a rgb(52,79,90)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#3f345a
```
#3f345a rgb(63,52,90)
```

Analogous Color

#4f5a34
```
#4f5a34 rgb(79,90,52)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#5a3f34
```
#5a3f34 rgb(90,63,52)
```

Split Complementary Color

#3c5a34
```
#3c5a34 rgb(60,90,52)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#5a343c
```
#5a343c rgb(90,52,60)
```

Triadic Color

#345a52
```
#345a52 rgb(52,90,82)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#5a343c
```
#5a343c rgb(90,52,60)
```
#5a5234
```
#5a5234 rgb(90,82,52)
```

Tetradic Color

#181c2a
```
#181c2a rgb(24,28,42)
```
#21263a
```
#21263a rgb(33,38,58)
```
#2b314a
```
#2b314a rgb(43,49,74)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#3d476a
```
#3d476a rgb(61,71,106)
```
#47527a
```
#47527a rgb(71,82,122)
```
#505c8a
```
#505c8a rgb(80,92,138)
```

Monochromatic Color

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

#34465a
```
#34465a rgb(52,70,90)
```
#34425a
```
#34425a rgb(52,66,90)
```
#343f5a
```
#343f5a rgb(52,63,90)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#34395a
```
#34395a rgb(52,57,90)
```
#34365a
```
#34365a rgb(52,54,90)
```
#36345a
```
#36345a rgb(54,52,90)
```

Similar Colors

Text with hexadecimal color #343c5a

This text has a font color of #343c5a.

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

#343c5a background color

This paragraph has a background color of #343c5a.

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

#343c5a border color

This element has a border color of #343c5a.

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

CSS codes

.text {color:#343c5a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090a0f
```
#090a0f rgb(9,10,15)
```
#10131c
```
#10131c rgb(16,19,28)
```
#171b28
```
#171b28 rgb(23,27,40)
```
#1e2335
```
#1e2335 rgb(30,35,53)
```
#262b41
```
#262b41 rgb(38,43,65)
```
#2d344e
```
#2d344e rgb(45,52,78)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#3b4466
```
#3b4466 rgb(59,68,102)
```
#424d73
```
#424d73 rgb(66,77,115)
```
#4a557f
```
#4a557f rgb(74,85,127)
```
#515d8c
```
#515d8c rgb(81,93,140)
```
#586598
```
#586598 rgb(88,101,152)
```

Shade Color Variation

#606ea3
```
#606ea3 rgb(96,110,163)
```
#6d7aab
```
#6d7aab rgb(109,122,171)
```
#7985b2
```
#7985b2 rgb(121,133,178)
```
#8690b9
```
#8690b9 rgb(134,144,185)
```
#929cc0
```
#929cc0 rgb(146,156,192)
```
#9fa7c7
```
#9fa7c7 rgb(159,167,199)
```
#abb2ce
```
#abb2ce rgb(171,178,206)
```
#b7bed6
```
#b7bed6 rgb(183,190,214)
```
#c4c9dd
```
#c4c9dd rgb(196,201,221)
```
#d0d4e4
```
#d0d4e4 rgb(208,212,228)
```
#dde0eb
```
#dde0eb rgb(221,224,235)
```
#e9ebf2
```
#e9ebf2 rgb(233,235,242)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #44454a is the less saturated color, while #03208b is the most saturated one.

#44454a
```
#44454a rgb(68,69,74)
```
#3f424f
```
#3f424f rgb(63,66,79)
```
#393f55
```
#393f55 rgb(57,63,85)
```
#343c5a
```
#343c5a rgb(52,60,90)
```
#2f395f
```
#2f395f rgb(47,57,95)
```
#293665
```
#293665 rgb(41,54,101)
```
#24336a
```
#24336a rgb(36,51,106)
```
#1e2f70
```
#1e2f70 rgb(30,47,112)
```
#192c75
```
#192c75 rgb(25,44,117)
```
#13297b
```
#13297b rgb(19,41,123)
```
#0e2680
```
#0e2680 rgb(14,38,128)
```
#082386
```
#082386 rgb(8,35,134)
```
#03208b
```
#03208b rgb(3,32,139)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3d43 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d4662 Protanopia 1% of men
#3c4662 Deuteranopia 1% of men
#384a4f Tritanopia 0.001% of the population

Trichromacy

#3a425f Protanomaly 1% of men, 0.01% of women
#39425f Deuteranomaly 6% of men, 0.4% of women
#364453 Tritanomaly 0.01% of the population

#343c5a hex color

#343c5a Color Information

#343c5a Color Conversion

Color Schemes with #343c5a

Alternatives to #343c5a

#343c5a Preview

Shades and Tints of #343c5a

Tones of #343c5a

Color Blindness Simulator