#343d54 hex color

In a RGB color space, hex #343d54 is composed of 20.4% red, 23.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 27.4% magenta, 0% yellow and 67.1% black. It has a hue angle of 223.1 degrees, a saturation of 23.5% and a lightness of 26.7%. #343d54 color hex could be obtained by blending #687aa8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 24
- B 33
RGB color chart
- C 38
- M 27
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #343d54 has RGB values of R:52, G:61, B:84 and CMYK values of C:0.38, M:0.27, Y:0, K:0.67. Its decimal value is 3423572.

Hex triplet	343d54	`#343d54`
RGB Decimal	52, 61, 84	`rgb(52,61,84)`
RGB Percent	20.4, 23.9, 32.9	`rgb(20.4%,23.9%,32.9%)`
CMYK	38, 27, 0, 67
HSL	223.1°, 23.5, 26.7	`hsl(223.1,23.5%,26.7%)`
HSV (or HSB)	223.1°, 38.1, 32.9
Web Safe	333366	`#333366`

CIE-LAB	25.885, 2.787, -15.064
XYZ	4.685, 4.708, 9.049
xyY	0.254, 0.255, 4.708
CIE-LCH	25.885, 15.319, 280.484
CIE-LUV	25.885, -5.02, -18.429
Hunter-Lab	21.697, 0.573, -9.54
Binary	00110100, 00111101, 01010100

#343d54
```
#343d54 rgb(52,61,84)
```
#544b34
```
#544b34 rgb(84,75,52)
```

Complementary Color

#344d54
```
#344d54 rgb(52,77,84)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#3b3454
```
#3b3454 rgb(59,52,84)
```

Analogous Color

#4d5434
```
#4d5434 rgb(77,84,52)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#543b34
```
#543b34 rgb(84,59,52)
```

Split Complementary Color

#3d5434
```
#3d5434 rgb(61,84,52)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#54343d
```
#54343d rgb(84,52,61)
```

Triadic Color

#34544b
```
#34544b rgb(52,84,75)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#54343d
```
#54343d rgb(84,52,61)
```
#544b34
```
#544b34 rgb(84,75,52)
```

Tetradic Color

#171b25
```
#171b25 rgb(23,27,37)
```
#212635
```
#212635 rgb(33,38,53)
```
#2a3244
```
#2a3244 rgb(42,50,68)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#3e4864
```
#3e4864 rgb(62,72,100)
```
#485474
```
#485474 rgb(72,84,116)
```
#515f83
```
#515f83 rgb(81,95,131)
```

Monochromatic Color

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

#344554
```
#344554 rgb(52,69,84)
```
#344254
```
#344254 rgb(52,66,84)
```
#344054
```
#344054 rgb(52,64,84)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#343a54
```
#343a54 rgb(52,58,84)
```
#343854
```
#343854 rgb(52,56,84)
```
#343554
```
#343554 rgb(52,53,84)
```

Similar Colors

Text with hexadecimal color #343d54

This text has a font color of #343d54.

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

#343d54 background color

This paragraph has a background color of #343d54.

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

#343d54 border color

This element has a border color of #343d54.

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

CSS codes

.text {color:#343d54;}

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

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

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, #07080b is the darkest color, while #fefeff is the lightest one.

#07080b
```
#07080b rgb(7,8,11)
```
#0f1117
```
#0f1117 rgb(15,17,23)
```
#161a24
```
#161a24 rgb(22,26,36)
```
#1e2330
```
#1e2330 rgb(30,35,48)
```
#252b3c
```
#252b3c rgb(37,43,60)
```
#2d3448
```
#2d3448 rgb(45,52,72)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#3c4660
```
#3c4660 rgb(60,70,96)
```
#434f6c
```
#434f6c rgb(67,79,108)
```
#4b5778
```
#4b5778 rgb(75,87,120)
```
#526084
```
#526084 rgb(82,96,132)
```
#5a6991
```
#5a6991 rgb(90,105,145)
```
#61729d
```
#61729d rgb(97,114,157)
```

Shade Color Variation

#6d7ca5
```
#6d7ca5 rgb(109,124,165)
```
#7987ac
```
#7987ac rgb(121,135,172)
```
#8592b4
```
#8592b4 rgb(133,146,180)
```
#919dbb
```
#919dbb rgb(145,157,187)
```
#9da8c3
```
#9da8c3 rgb(157,168,195)
```
#a9b3ca
```
#a9b3ca rgb(169,179,202)
```
#b6bdd2
```
#b6bdd2 rgb(182,189,210)
```
#c2c8d9
```
#c2c8d9 rgb(194,200,217)
```
#ced3e1
```
#ced3e1 rgb(206,211,225)
```
#dadee8
```
#dadee8 rgb(218,222,232)
```
#e6e9f0
```
#e6e9f0 rgb(230,233,240)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#444444
```
#444444 rgb(68,68,68)
```
#3e424a
```
#3e424a rgb(62,66,74)
```
#393f4f
```
#393f4f rgb(57,63,79)
```
#343d54
```
#343d54 rgb(52,61,84)
```
#2f3b59
```
#2f3b59 rgb(47,59,89)
```
#2a385e
```
#2a385e rgb(42,56,94)
```
#243664
```
#243664 rgb(36,54,100)
```
#1f3469
```
#1f3469 rgb(31,52,105)
```
#1a326e
```
#1a326e rgb(26,50,110)
```
#152f73
```
#152f73 rgb(21,47,115)
```
#0f2d79
```
#0f2d79 rgb(15,45,121)
```
#0a2b7e
```
#0a2b7e rgb(10,43,126)
```
#052883
```
#052883 rgb(5,40,131)
```

Tone Color Variation

Below, you can see how #343d54 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
#3b3d42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#40465c Protanopia 1% of men
#41465d Deuteranopia 1% of men
#3a494f Tritanopia 0.001% of the population

Trichromacy

#3c4359 Protanomaly 1% of men, 0.01% of women
#3c4359 Deuteranomaly 6% of men, 0.4% of women
#384550 Tritanomaly 0.01% of the population

#343d54 hex color

#343d54 Color Information

#343d54 Color Conversion

Color Schemes with #343d54

Alternatives to #343d54

#343d54 Preview

Shades and Tints of #343d54

Tones of #343d54

Color Blindness Simulator