#343b5b hex color

In a RGB color space, hex #343b5b is composed of 20.4% red, 23.1% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 35.2% magenta, 0% yellow and 64.3% black. It has a hue angle of 229.2 degrees, a saturation of 27.3% and a lightness of 28%. #343b5b color hex could be obtained by blending #6876b6 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #343b5b has RGB values of R:52, G:59, B:91 and CMYK values of C:0.43, M:0.35, Y:0, K:0.64. Its decimal value is 3423067.

Hex triplet	343b5b	`#343b5b`
RGB Decimal	52, 59, 91	`rgb(52,59,91)`
RGB Percent	20.4, 23.1, 35.7	`rgb(20.4%,23.1%,35.7%)`
CMYK	43, 35, 0, 64
HSL	229.2°, 27.3, 28	`hsl(229.2,27.3%,28%)`
HSV (or HSB)	229.2°, 42.9, 35.7
Web Safe	333366	`#333366`

CIE-LAB	25.603, 6.361, -20.075
XYZ	4.868, 4.613, 10.531
xyY	0.243, 0.231, 4.613
CIE-LCH	25.603, 21.059, 287.582
CIE-LUV	25.603, -4.508, -25.091
Hunter-Lab	21.478, 2.87, -14.035
Binary	00110100, 00111011, 01011011

#343b5b
```
#343b5b rgb(52,59,91)
```
#5b5434
```
#5b5434 rgb(91,84,52)
```

Complementary Color

#344f5b
```
#344f5b rgb(52,79,91)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#41345b
```
#41345b rgb(65,52,91)
```

Analogous Color

#4f5b34
```
#4f5b34 rgb(79,91,52)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#5b4134
```
#5b4134 rgb(91,65,52)
```

Split Complementary Color

#3b5b34
```
#3b5b34 rgb(59,91,52)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#5b343b
```
#5b343b rgb(91,52,59)
```

Triadic Color

#345b54
```
#345b54 rgb(52,91,84)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#5b343b
```
#5b343b rgb(91,52,59)
```
#5b5434
```
#5b5434 rgb(91,84,52)
```

Tetradic Color

#181b2a
```
#181b2a rgb(24,27,42)
```
#21263b
```
#21263b rgb(33,38,59)
```
#2b304b
```
#2b304b rgb(43,48,75)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#3d466b
```
#3d466b rgb(61,70,107)
```
#47507b
```
#47507b rgb(71,80,123)
```
#505b8c
```
#505b8c rgb(80,91,140)
```

Monochromatic Color

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

#34455b
```
#34455b rgb(52,69,91)
```
#34425b
```
#34425b rgb(52,66,91)
```
#343e5b
```
#343e5b rgb(52,62,91)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#34385b
```
#34385b rgb(52,56,91)
```
#34355b
```
#34355b rgb(52,53,91)
```
#37345b
```
#37345b rgb(55,52,91)
```

Similar Colors

Text with hexadecimal color #343b5b

This text has a font color of #343b5b.

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

#343b5b background color

This paragraph has a background color of #343b5b.

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

#343b5b border color

This element has a border color of #343b5b.

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

CSS codes

.text {color:#343b5b;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090a10
```
#090a10 rgb(9,10,16)
```
#10131d
```
#10131d rgb(16,19,29)
```
#171b29
```
#171b29 rgb(23,27,41)
```
#1f2336
```
#1f2336 rgb(31,35,54)
```
#262b42
```
#262b42 rgb(38,43,66)
```
#2d334f
```
#2d334f rgb(45,51,79)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#3b4367
```
#3b4367 rgb(59,67,103)
```
#424b74
```
#424b74 rgb(66,75,116)
```
#495380
```
#495380 rgb(73,83,128)
```
#515b8d
```
#515b8d rgb(81,91,141)
```
#586399
```
#586399 rgb(88,99,153)
```

Shade Color Variation

#606da4
```
#606da4 rgb(96,109,164)
```
#6d78ab
```
#6d78ab rgb(109,120,171)
```
#7984b3
```
#7984b3 rgb(121,132,179)
```
#868fba
```
#868fba rgb(134,143,186)
```
#929bc1
```
#929bc1 rgb(146,155,193)
```
#9fa6c8
```
#9fa6c8 rgb(159,166,200)
```
#abb2cf
```
#abb2cf rgb(171,178,207)
```
#b8bdd6
```
#b8bdd6 rgb(184,189,214)
```
#c4c9dd
```
#c4c9dd rgb(196,201,221)
```
#d1d4e5
```
#d1d4e5 rgb(209,212,229)
```
#dde0ec
```
#dde0ec rgb(221,224,236)
```
#eaebf3
```
#eaebf3 rgb(234,235,243)
```
#f6f7fa
```
#f6f7fa rgb(246,247,250)
```

Tint Color Variation

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

#45464b
```
#45464b rgb(69,70,75)
```
#3f4250
```
#3f4250 rgb(63,66,80)
```
#3a3f56
```
#3a3f56 rgb(58,63,86)
```
#343b5b
```
#343b5b rgb(52,59,91)
```
#2f3761
```
#2f3761 rgb(47,55,97)
```
#293466
```
#293466 rgb(41,52,102)
```
#24306c
```
#24306c rgb(36,48,108)
```
#1e2d71
```
#1e2d71 rgb(30,45,113)
```
#192977
```
#192977 rgb(25,41,119)
```
#13267c
```
#13267c rgb(19,38,124)
```
#0e2282
```
#0e2282 rgb(14,34,130)
```
#081f87
```
#081f87 rgb(8,31,135)
```
#021b8d
```
#021b8d rgb(2,27,141)
```

Tone Color Variation

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

#3c4563 Protanopia 1% of men
#3a4663 Deuteranopia 1% of men
#38494e Tritanopia 0.001% of the population

Trichromacy

#394160 Protanomaly 1% of men, 0.01% of women
#384260 Deuteranomaly 6% of men, 0.4% of women
#364453 Tritanomaly 0.01% of the population

#343b5b hex color

#343b5b Color Information

#343b5b Color Conversion

Color Schemes with #343b5b

Alternatives to #343b5b

#343b5b Preview

Shades and Tints of #343b5b

Tones of #343b5b

Color Blindness Simulator