#34456e hex color

In a RGB color space, hex #34456e is composed of 20.4% red, 27.1% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 37.3% magenta, 0% yellow and 56.9% black. It has a hue angle of 222.4 degrees, a saturation of 35.8% and a lightness of 31.8%. #34456e color hex could be obtained by blending #688adc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 27
- B 43
RGB color chart
- C 53
- M 37
- Y 0
- K 57
CMYK color chart

● #34456e color description : Very dark desaturated blue.

The hexadecimal color #34456e has RGB values of R:52, G:69, B:110 and CMYK values of C:0.53, M:0.37, Y:0, K:0.57. Its decimal value is 3425646.

Hex triplet	34456e	`#34456e`
RGB Decimal	52, 69, 110	`rgb(52,69,110)`
RGB Percent	20.4, 27.1, 43.1	`rgb(20.4%,27.1%,43.1%)`
CMYK	53, 37, 0, 57
HSL	222.4°, 35.8, 31.8	`hsl(222.4,35.8%,31.8%)`
HSV (or HSB)	222.4°, 52.7, 43.1
Web Safe	333366	`#333366`

CIE-LAB	29.693, 6.019, -25.863
XYZ	6.358, 6.112, 15.596
xyY	0.227, 0.218, 6.112
CIE-LCH	29.693, 26.554, 283.102
CIE-LUV	29.693, -8.58, -34.168
Hunter-Lab	24.722, 2.644, -20.097
Binary	00110100, 01000101, 01101110

#34456e
```
#34456e rgb(52,69,110)
```
#6e5d34
```
#6e5d34 rgb(110,93,52)
```

Complementary Color

#34626e
```
#34626e rgb(52,98,110)
```
#34456e
```
#34456e rgb(52,69,110)
```
#40346e
```
#40346e rgb(64,52,110)
```

Analogous Color

#626e34
```
#626e34 rgb(98,110,52)
```
#34456e
```
#34456e rgb(52,69,110)
```
#6e4034
```
#6e4034 rgb(110,64,52)
```

Split Complementary Color

#456e34
```
#456e34 rgb(69,110,52)
```
#34456e
```
#34456e rgb(52,69,110)
```
#6e3445
```
#6e3445 rgb(110,52,69)
```

Triadic Color

#346e5d
```
#346e5d rgb(52,110,93)
```
#34456e
```
#34456e rgb(52,69,110)
```
#6e3445
```
#6e3445 rgb(110,52,69)
```
#6e5d34
```
#6e5d34 rgb(110,93,52)
```

Tetradic Color

#1b243a
```
#1b243a rgb(27,36,58)
```
#242f4b
```
#242f4b rgb(36,47,75)
```
#2c3a5d
```
#2c3a5d rgb(44,58,93)
```
#34456e
```
#34456e rgb(52,69,110)
```
#3c507f
```
#3c507f rgb(60,80,127)
```
#445b91
```
#445b91 rgb(68,91,145)
```
#4d66a2
```
#4d66a2 rgb(77,102,162)
```

Monochromatic Color

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

#34536e
```
#34536e rgb(52,83,110)
```
#344f6e
```
#344f6e rgb(52,79,110)
```
#344a6e
```
#344a6e rgb(52,74,110)
```
#34456e
```
#34456e rgb(52,69,110)
```
#34406e
```
#34406e rgb(52,64,110)
```
#343b6e
```
#343b6e rgb(52,59,110)
```
#34376e
```
#34376e rgb(52,55,110)
```

Similar Colors

Text with hexadecimal color #34456e

This text has a font color of #34456e.

<span style="color:#34456e;">Text here</span>

#34456e background color

This paragraph has a background color of #34456e.

<p style="background-color:#34456e;">Content here</p>

#34456e border color

This element has a border color of #34456e.

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

CSS codes

.text {color:#34456e;}

.background {background-color:#34456e;}

.border {border:1px solid #34456e;}

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

#020203
```
#020203 rgb(2,2,3)
```
#080b11
```
#080b11 rgb(8,11,17)
```
#0e131e
```
#0e131e rgb(14,19,30)
```
#151b2b
```
#151b2b rgb(21,27,43)
```
#1b2439
```
#1b2439 rgb(27,36,57)
```
#212c46
```
#212c46 rgb(33,44,70)
```
#273453
```
#273453 rgb(39,52,83)
```
#2e3d61
```
#2e3d61 rgb(46,61,97)
```
#34456e
```
#34456e rgb(52,69,110)
```
#3a4d7b
```
#3a4d7b rgb(58,77,123)
```
#415689
```
#415689 rgb(65,86,137)
```
#475e96
```
#475e96 rgb(71,94,150)
```
#4d66a3
```
#4d66a3 rgb(77,102,163)
```

Shade Color Variation

#5570af
```
#5570af rgb(85,112,175)
```
#637bb5
```
#637bb5 rgb(99,123,181)
```
#7086bb
```
#7086bb rgb(112,134,187)
```
#7d91c2
```
#7d91c2 rgb(125,145,194)
```
#8b9dc8
```
#8b9dc8 rgb(139,157,200)
```
#98a8ce
```
#98a8ce rgb(152,168,206)
```
#a5b3d5
```
#a5b3d5 rgb(165,179,213)
```
#b3bedb
```
#b3bedb rgb(179,190,219)
```
#c0cae1
```
#c0cae1 rgb(192,202,225)
```
#cdd5e7
```
#cdd5e7 rgb(205,213,231)
```
#dae0ee
```
#dae0ee rgb(218,224,238)
```
#e8ebf4
```
#e8ebf4 rgb(232,235,244)
```
#f5f7fa
```
#f5f7fa rgb(245,247,250)
```

Tint Color Variation

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

#4d4f55
```
#4d4f55 rgb(77,79,85)
```
#474d5b
```
#474d5b rgb(71,77,91)
```
#404a62
```
#404a62 rgb(64,74,98)
```
#3a4868
```
#3a4868 rgb(58,72,104)
```
#34456e
```
#34456e rgb(52,69,110)
```
#2e4274
```
#2e4274 rgb(46,66,116)
```
#28407a
```
#28407a rgb(40,64,122)
```
#213d81
```
#213d81 rgb(33,61,129)
```
#1b3b87
```
#1b3b87 rgb(27,59,135)
```
#15388d
```
#15388d rgb(21,56,141)
```
#0f3693
```
#0f3693 rgb(15,54,147)
```
#08339a
```
#08339a rgb(8,51,154)
```
#0230a0
```
#0230a0 rgb(2,48,160)
```

Tone Color Variation

Below, you can see how #34456e 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

#454545 Achromatopsia 0.005% of the population
#42454d Atypical Achromatopsia 0.001% of the population

Dichromacy

#404e75 Protanopia 1% of men
#3b4f75 Deuteranopia 1% of men
#33545a Tritanopia 0.001% of the population

Trichromacy

#3b4a72 Protanomaly 1% of men, 0.01% of women
#384b72 Deuteranomaly 6% of men, 0.4% of women
#334e61 Tritanomaly 0.01% of the population

#34456e hex color

#34456e Color Information

#34456e Color Conversion

Color Schemes with #34456e

Alternatives to #34456e

#34456e Preview

Shades and Tints of #34456e

Tones of #34456e

Color Blindness Simulator