#34537a hex color

In a RGB color space, hex #34537a is composed of 20.4% red, 32.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 32% magenta, 0% yellow and 52.2% black. It has a hue angle of 213.4 degrees, a saturation of 40.2% and a lightness of 34.1%. #34537a color hex could be obtained by blending #68a6f4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 33
- B 48
RGB color chart
- C 57
- M 32
- Y 0
- K 52
CMYK color chart

● #34537a color description : Dark moderate blue.

The hexadecimal color #34537a has RGB values of R:52, G:83, B:122 and CMYK values of C:0.57, M:0.32, Y:0, K:0.52. Its decimal value is 3429242.

Hex triplet	34537a	`#34537a`
RGB Decimal	52, 83, 122	`rgb(52,83,122)`
RGB Percent	20.4, 32.5, 47.8	`rgb(20.4%,32.5%,47.8%)`
CMYK	57, 32, 0, 52
HSL	213.4°, 40.2, 34.1	`hsl(213.4,40.2%,34.1%)`
HSV (or HSB)	213.4°, 57.4, 47.8
Web Safe	336666	`#336666`

CIE-LAB	34.643, 1.029, -25.6
XYZ	8.021, 8.321, 19.595
xyY	0.223, 0.232, 8.321
CIE-LCH	34.643, 25.621, 272.302
CIE-LUV	34.643, -13.69, -34.909
Hunter-Lab	28.847, -0.845, -20.082
Binary	00110100, 01010011, 01111010

#34537a
```
#34537a rgb(52,83,122)
```
#7a5b34
```
#7a5b34 rgb(122,91,52)
```

Complementary Color

#34767a
```
#34767a rgb(52,118,122)
```
#34537a
```
#34537a rgb(52,83,122)
```
#38347a
```
#38347a rgb(56,52,122)
```

Analogous Color

#767a34
```
#767a34 rgb(118,122,52)
```
#34537a
```
#34537a rgb(52,83,122)
```
#7a3834
```
#7a3834 rgb(122,56,52)
```

Split Complementary Color

#537a34
```
#537a34 rgb(83,122,52)
```
#34537a
```
#34537a rgb(52,83,122)
```
#7a3453
```
#7a3453 rgb(122,52,83)
```

Triadic Color

#347a5b
```
#347a5b rgb(52,122,91)
```
#34537a
```
#34537a rgb(52,83,122)
```
#7a3453
```
#7a3453 rgb(122,52,83)
```
#7a5b34
```
#7a5b34 rgb(122,91,52)
```

Tetradic Color

#1d2f44
```
#1d2f44 rgb(29,47,68)
```
#253b56
```
#253b56 rgb(37,59,86)
```
#2c4768
```
#2c4768 rgb(44,71,104)
```
#34537a
```
#34537a rgb(52,83,122)
```
#3c5f8c
```
#3c5f8c rgb(60,95,140)
```
#436b9e
```
#436b9e rgb(67,107,158)
```
#4b77b0
```
#4b77b0 rgb(75,119,176)
```

Monochromatic Color

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

#34657a
```
#34657a rgb(52,101,122)
```
#345f7a
```
#345f7a rgb(52,95,122)
```
#34597a
```
#34597a rgb(52,89,122)
```
#34537a
```
#34537a rgb(52,83,122)
```
#344d7a
```
#344d7a rgb(52,77,122)
```
#34477a
```
#34477a rgb(52,71,122)
```
#34427a
```
#34427a rgb(52,66,122)
```

Similar Colors

Text with hexadecimal color #34537a

This text has a font color of #34537a.

<span style="color:#34537a;">Text here</span>

#34537a background color

This paragraph has a background color of #34537a.

<p style="background-color:#34537a;">Content here</p>

#34537a border color

This element has a border color of #34537a.

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

CSS codes

.text {color:#34537a;}

.background {background-color:#34537a;}

.border {border:1px solid #34537a;}

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, #05080c is the darkest color, while #fdfefe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0b121a
```
#0b121a rgb(11,18,26)
```
#111b27
```
#111b27 rgb(17,27,39)
```
#172435
```
#172435 rgb(23,36,53)
```
#1d2e43
```
#1d2e43 rgb(29,46,67)
```
#223751
```
#223751 rgb(34,55,81)
```
#28405e
```
#28405e rgb(40,64,94)
```
#2e4a6c
```
#2e4a6c rgb(46,74,108)
```
#34537a
```
#34537a rgb(52,83,122)
```
#3a5c88
```
#3a5c88 rgb(58,92,136)
```
#406696
```
#406696 rgb(64,102,150)
```
#466fa3
```
#466fa3 rgb(70,111,163)
```
#4b78b1
```
#4b78b1 rgb(75,120,177)
```

Shade Color Variation

#5883b8
```
#5883b8 rgb(88,131,184)
```
#668dbe
```
#668dbe rgb(102,141,190)
```
#7497c4
```
#7497c4 rgb(116,151,196)
```
#81a1c9
```
#81a1c9 rgb(129,161,201)
```
#8faccf
```
#8faccf rgb(143,172,207)
```
#9db6d5
```
#9db6d5 rgb(157,182,213)
```
#abc0db
```
#abc0db rgb(171,192,219)
```
#b8cae1
```
#b8cae1 rgb(184,202,225)
```
#c6d5e7
```
#c6d5e7 rgb(198,213,231)
```
#d4dfed
```
#d4dfed rgb(212,223,237)
```
#e2e9f3
```
#e2e9f3 rgb(226,233,243)
```
#eff3f8
```
#eff3f8 rgb(239,243,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#555759
```
#555759 rgb(85,87,89)
```
#4f565f
```
#4f565f rgb(79,86,95)
```
#485566
```
#485566 rgb(72,85,102)
```
#41556d
```
#41556d rgb(65,85,109)
```
#3b5473
```
#3b5473 rgb(59,84,115)
```
#34537a
```
#34537a rgb(52,83,122)
```
#2d5281
```
#2d5281 rgb(45,82,129)
```
#275187
```
#275187 rgb(39,81,135)
```
#20518e
```
#20518e rgb(32,81,142)
```
#195095
```
#195095 rgb(25,80,149)
```
#134f9b
```
#134f9b rgb(19,79,155)
```
#0c4ea2
```
#0c4ea2 rgb(12,78,162)
```
#054ea9
```
#054ea9 rgb(5,78,169)
```

Tone Color Variation

Below, you can see how #34537a 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

#4e4e4e Achromatopsia 0.005% of the population
#494f57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d597e Protanopia 1% of men
#475a81 Deuteranopia 1% of men
#326168 Tritanopia 0.001% of the population

Trichromacy

#44567d Protanomaly 1% of men, 0.01% of women
#40577e Deuteranomaly 6% of men, 0.4% of women
#335b6e Tritanomaly 0.01% of the population

#34537a hex color

#34537a Color Information

#34537a Color Conversion

Color Schemes with #34537a

Alternatives to #34537a

#34537a Preview

Shades and Tints of #34537a

Tones of #34537a

Color Blindness Simulator