#343d6c hex color

In a RGB color space, hex #343d6c is composed of 20.4% red, 23.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 43.5% magenta, 0% yellow and 57.6% black. It has a hue angle of 230.4 degrees, a saturation of 35% and a lightness of 31.4%. #343d6c color hex could be obtained by blending #687ad8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 24
- B 42
RGB color chart
- C 52
- M 44
- Y 0
- K 58
CMYK color chart

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

The hexadecimal color #343d6c has RGB values of R:52, G:61, B:108 and CMYK values of C:0.52, M:0.44, Y:0, K:0.58. Its decimal value is 3423596.

Hex triplet	343d6c	`#343d6c`
RGB Decimal	52, 61, 108	`rgb(52,61,108)`
RGB Percent	20.4, 23.9, 42.4	`rgb(20.4%,23.9%,42.4%)`
CMYK	52, 44, 0, 58
HSL	230.4°, 35, 31.4	`hsl(230.4,35%,31.4%)`
HSV (or HSB)	230.4°, 51.9, 42.4
Web Safe	333366	`#333366`

CIE-LAB	27.158, 10.723, -28.597
XYZ	5.791, 5.15, 14.875
xyY	0.224, 0.199, 5.15
CIE-LCH	27.158, 30.541, 290.554
CIE-LUV	27.158, -5.789, -37.17
Hunter-Lab	22.694, 5.837, -22.978
Binary	00110100, 00111101, 01101100

#343d6c
```
#343d6c rgb(52,61,108)
```
#6c6334
```
#6c6334 rgb(108,99,52)
```

Complementary Color

#34596c
```
#34596c rgb(52,89,108)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#47346c
```
#47346c rgb(71,52,108)
```

Analogous Color

#596c34
```
#596c34 rgb(89,108,52)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#6c4734
```
#6c4734 rgb(108,71,52)
```

Split Complementary Color

#3d6c34
```
#3d6c34 rgb(61,108,52)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#6c343d
```
#6c343d rgb(108,52,61)
```

Triadic Color

#346c63
```
#346c63 rgb(52,108,99)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#6c343d
```
#6c343d rgb(108,52,61)
```
#6c6334
```
#6c6334 rgb(108,99,52)
```

Tetradic Color

#1b2038
```
#1b2038 rgb(27,32,56)
```
#232a4a
```
#232a4a rgb(35,42,74)
```
#2c335b
```
#2c335b rgb(44,51,91)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#3c477d
```
#3c477d rgb(60,71,125)
```
#45508e
```
#45508e rgb(69,80,142)
```
#4d5aa0
```
#4d5aa0 rgb(77,90,160)
```

Monochromatic Color

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

#344b6c
```
#344b6c rgb(52,75,108)
```
#34466c
```
#34466c rgb(52,70,108)
```
#34426c
```
#34426c rgb(52,66,108)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#34386c
```
#34386c rgb(52,56,108)
```
#34346c
```
#34346c rgb(52,52,108)
```
#39346c
```
#39346c rgb(57,52,108)
```

Similar Colors

Text with hexadecimal color #343d6c

This text has a font color of #343d6c.

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

#343d6c background color

This paragraph has a background color of #343d6c.

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

#343d6c border color

This element has a border color of #343d6c.

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

CSS codes

.text {color:#343d6c;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#07090f
```
#07090f rgb(7,9,15)
```
#0e101d
```
#0e101d rgb(14,16,29)
```
#14182a
```
#14182a rgb(20,24,42)
```
#1b1f37
```
#1b1f37 rgb(27,31,55)
```
#212744
```
#212744 rgb(33,39,68)
```
#272e52
```
#272e52 rgb(39,46,82)
```
#2e365f
```
#2e365f rgb(46,54,95)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#3a4479
```
#3a4479 rgb(58,68,121)
```
#414c86
```
#414c86 rgb(65,76,134)
```
#475394
```
#475394 rgb(71,83,148)
```
#4e5ba1
```
#4e5ba1 rgb(78,91,161)
```

Shade Color Variation

#5563ad
```
#5563ad rgb(85,99,173)
```
#626fb4
```
#626fb4 rgb(98,111,180)
```
#6f7bba
```
#6f7bba rgb(111,123,186)
```
#7d88c0
```
#7d88c0 rgb(125,136,192)
```
#8a94c7
```
#8a94c7 rgb(138,148,199)
```
#97a0cd
```
#97a0cd rgb(151,160,205)
```
#a4acd3
```
#a4acd3 rgb(164,172,211)
```
#b2b8da
```
#b2b8da rgb(178,184,218)
```
#bfc4e0
```
#bfc4e0 rgb(191,196,224)
```
#ccd0e7
```
#ccd0e7 rgb(204,208,231)
```
#d9dced
```
#d9dced rgb(217,220,237)
```
#e7e9f3
```
#e7e9f3 rgb(231,233,243)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```

Tint Color Variation

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

#4d4e53
```
#4d4e53 rgb(77,78,83)
```
#464a5a
```
#464a5a rgb(70,74,90)
```
#404560
```
#404560 rgb(64,69,96)
```
#3a4166
```
#3a4166 rgb(58,65,102)
```
#343d6c
```
#343d6c rgb(52,61,108)
```
#2e3972
```
#2e3972 rgb(46,57,114)
```
#283578
```
#283578 rgb(40,53,120)
```
#22307e
```
#22307e rgb(34,48,126)
```
#1b2c85
```
#1b2c85 rgb(27,44,133)
```
#15288b
```
#15288b rgb(21,40,139)
```
#0f2491
```
#0f2491 rgb(15,36,145)
```
#092097
```
#092097 rgb(9,32,151)
```
#031c9d
```
#031c9d rgb(3,28,157)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3e3f49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#364874 Protanopia 1% of men
#2f4a72 Deuteranopia 1% of men
#324e54 Tritanopia 0.001% of the population

Trichromacy

#354471 Protanomaly 1% of men, 0.01% of women
#314570 Deuteranomaly 6% of men, 0.4% of women
#32485c Tritanomaly 0.01% of the population

#343d6c hex color

#343d6c Color Information

#343d6c Color Conversion

Color Schemes with #343d6c

Alternatives to #343d6c

#343d6c Preview

Shades and Tints of #343d6c

Tones of #343d6c

Color Blindness Simulator