#343b53 hex color

In a RGB color space, hex #343b53 is composed of 20.4% red, 23.1% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 28.9% magenta, 0% yellow and 67.5% black. It has a hue angle of 226.5 degrees, a saturation of 23% and a lightness of 26.5%. #343b53 color hex could be obtained by blending #6876a6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 23
- B 33
RGB color chart
- C 37
- M 29
- Y 0
- K 67
CMYK color chart

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

The hexadecimal color #343b53 has RGB values of R:52, G:59, B:83 and CMYK values of C:0.37, M:0.29, Y:0, K:0.67. Its decimal value is 3423059.

Hex triplet	343b53	`#343b53`
RGB Decimal	52, 59, 83	`rgb(52,59,83)`
RGB Percent	20.4, 23.1, 32.5	`rgb(20.4%,23.1%,32.5%)`
CMYK	37, 29, 0, 67
HSL	226.5°, 23, 26.5	`hsl(226.5,23%,26.5%)`
HSV (or HSB)	226.5°, 37.3, 32.5
Web Safe	333366	`#333366`

CIE-LAB	25.206, 3.819, -15.456
XYZ	4.541, 4.482, 8.809
xyY	0.255, 0.251, 4.482
CIE-LCH	25.206, 15.92, 283.879
CIE-LUV	25.206, -4.218, -18.856
Hunter-Lab	21.172, 1.236, -9.849
Binary	00110100, 00111011, 01010011

#343b53
```
#343b53 rgb(52,59,83)
```
#534c34
```
#534c34 rgb(83,76,52)
```

Complementary Color

#344b53
```
#344b53 rgb(52,75,83)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#3d3453
```
#3d3453 rgb(61,52,83)
```

Analogous Color

#4b5334
```
#4b5334 rgb(75,83,52)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#533d34
```
#533d34 rgb(83,61,52)
```

Split Complementary Color

#3b5334
```
#3b5334 rgb(59,83,52)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#53343b
```
#53343b rgb(83,52,59)
```

Triadic Color

#34534c
```
#34534c rgb(52,83,76)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#53343b
```
#53343b rgb(83,52,59)
```
#534c34
```
#534c34 rgb(83,76,52)
```

Tetradic Color

#171a24
```
#171a24 rgb(23,26,36)
```
#202534
```
#202534 rgb(32,37,52)
```
#2a3043
```
#2a3043 rgb(42,48,67)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#3e4663
```
#3e4663 rgb(62,70,99)
```
#485172
```
#485172 rgb(72,81,114)
```
#515c82
```
#515c82 rgb(81,92,130)
```

Monochromatic Color

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

#344353
```
#344353 rgb(52,67,83)
```
#344053
```
#344053 rgb(52,64,83)
```
#343e53
```
#343e53 rgb(52,62,83)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#343853
```
#343853 rgb(52,56,83)
```
#343653
```
#343653 rgb(52,54,83)
```
#353453
```
#353453 rgb(53,52,83)
```

Similar Colors

Text with hexadecimal color #343b53

This text has a font color of #343b53.

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

#343b53 background color

This paragraph has a background color of #343b53.

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

#343b53 border color

This element has a border color of #343b53.

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

CSS codes

.text {color:#343b53;}

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

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

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

#07080b
```
#07080b rgb(7,8,11)
```
#0e1017
```
#0e1017 rgb(14,16,23)
```
#161923
```
#161923 rgb(22,25,35)
```
#1d212f
```
#1d212f rgb(29,33,47)
```
#252a3b
```
#252a3b rgb(37,42,59)
```
#2c3247
```
#2c3247 rgb(44,50,71)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#3c445f
```
#3c445f rgb(60,68,95)
```
#434c6b
```
#434c6b rgb(67,76,107)
```
#4b5577
```
#4b5577 rgb(75,85,119)
```
#525d83
```
#525d83 rgb(82,93,131)
```
#5a668f
```
#5a668f rgb(90,102,143)
```
#616e9b
```
#616e9b rgb(97,110,155)
```

Shade Color Variation

#6d79a3
```
#6d79a3 rgb(109,121,163)
```
#7984ab
```
#7984ab rgb(121,132,171)
```
#858fb3
```
#858fb3 rgb(133,143,179)
```
#919aba
```
#919aba rgb(145,154,186)
```
#9da5c2
```
#9da5c2 rgb(157,165,194)
```
#a9b0c9
```
#a9b0c9 rgb(169,176,201)
```
#b5bbd1
```
#b5bbd1 rgb(181,187,209)
```
#c1c6d8
```
#c1c6d8 rgb(193,198,216)
```
#cdd2e0
```
#cdd2e0 rgb(205,210,224)
```
#d9dde7
```
#d9dde7 rgb(217,221,231)
```
#e5e8ef
```
#e5e8ef rgb(229,232,239)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#3e4149
```
#3e4149 rgb(62,65,73)
```
#393e4e
```
#393e4e rgb(57,62,78)
```
#343b53
```
#343b53 rgb(52,59,83)
```
#2f3858
```
#2f3858 rgb(47,56,88)
```
#2a355d
```
#2a355d rgb(42,53,93)
```
#243263
```
#243263 rgb(36,50,99)
```
#1f3068
```
#1f3068 rgb(31,48,104)
```
#1a2d6d
```
#1a2d6d rgb(26,45,109)
```
#152a72
```
#152a72 rgb(21,42,114)
```
#102777
```
#102777 rgb(16,39,119)
```
#0a247d
```
#0a247d rgb(10,36,125)
```
#052182
```
#052182 rgb(5,33,130)
```
#001f87
```
#001f87 rgb(0,31,135)
```

Tone Color Variation

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

Dichromacy

#3e455b Protanopia 1% of men
#3f455c Deuteranopia 1% of men
#3a484d Tritanopia 0.001% of the population

Trichromacy

#3a4158 Protanomaly 1% of men, 0.01% of women
#3b4158 Deuteranomaly 6% of men, 0.4% of women
#38434f Tritanomaly 0.01% of the population

#343b53 hex color

#343b53 Color Information

#343b53 Color Conversion

Color Schemes with #343b53

Alternatives to #343b53

#343b53 Preview

Shades and Tints of #343b53

Tones of #343b53

Color Blindness Simulator