#34475d hex color

In a RGB color space, hex #34475d is composed of 20.4% red, 27.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 23.7% magenta, 0% yellow and 63.5% black. It has a hue angle of 212.2 degrees, a saturation of 28.3% and a lightness of 28.4%. #34475d color hex could be obtained by blending #688eba with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 20
- G 28
- B 36
RGB color chart
- C 44
- M 24
- Y 0
- K 64
CMYK color chart

● #34475d color description : Very dark desaturated blue.

The hexadecimal color #34475d has RGB values of R:52, G:71, B:93 and CMYK values of C:0.44, M:0.24, Y:0, K:0.64. Its decimal value is 3426141.

Hex triplet	34475d	`#34475d`
RGB Decimal	52, 71, 93	`rgb(52,71,93)`
RGB Percent	20.4, 27.8, 36.5	`rgb(20.4%,27.8%,36.5%)`
CMYK	44, 24, 0, 64
HSL	212.2°, 28.3, 28.4	`hsl(212.2,28.3%,28.4%)`
HSV (or HSB)	212.2°, 44.1, 36.5
Web Safe	333366	`#333366`

CIE-LAB	29.48, -0.956, -15.355
XYZ	5.645, 6.027, 11.221
xyY	0.247, 0.263, 6.027
CIE-LCH	29.48, 15.385, 266.438
CIE-LUV	29.48, -9.107, -19.226
Hunter-Lab	24.549, -1.917, -9.916
Binary	00110100, 01000111, 01011101

#34475d
```
#34475d rgb(52,71,93)
```
#5d4a34
```
#5d4a34 rgb(93,74,52)
```

Complementary Color

#345c5d
```
#345c5d rgb(52,92,93)
```
#34475d
```
#34475d rgb(52,71,93)
```
#35345d
```
#35345d rgb(53,52,93)
```

Analogous Color

#5c5d34
```
#5c5d34 rgb(92,93,52)
```
#34475d
```
#34475d rgb(52,71,93)
```
#5d3634
```
#5d3634 rgb(93,54,52)
```

Split Complementary Color

#475d34
```
#475d34 rgb(71,93,52)
```
#34475d
```
#34475d rgb(52,71,93)
```
#5d3447
```
#5d3447 rgb(93,52,71)
```

Triadic Color

#345d4a
```
#345d4a rgb(52,93,74)
```
#34475d
```
#34475d rgb(52,71,93)
```
#5d3447
```
#5d3447 rgb(93,52,71)
```
#5d4a34
```
#5d4a34 rgb(93,74,52)
```

Tetradic Color

#19222c
```
#19222c rgb(25,34,44)
```
#222e3c
```
#222e3c rgb(34,46,60)
```
#2b3b4d
```
#2b3b4d rgb(43,59,77)
```
#34475d
```
#34475d rgb(52,71,93)
```
#3d536d
```
#3d536d rgb(61,83,109)
```
#46607e
```
#46607e rgb(70,96,126)
```
#4f6c8e
```
#4f6c8e rgb(79,108,142)
```

Monochromatic Color

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

#34515d
```
#34515d rgb(52,81,93)
```
#344e5d
```
#344e5d rgb(52,78,93)
```
#344a5d
```
#344a5d rgb(52,74,93)
```
#34475d
```
#34475d rgb(52,71,93)
```
#34445d
```
#34445d rgb(52,68,93)
```
#34405d
```
#34405d rgb(52,64,93)
```
#343d5d
```
#343d5d rgb(52,61,93)
```

Similar Colors

Text with hexadecimal color #34475d

This text has a font color of #34475d.

<span style="color:#34475d;">Text here</span>

#34475d background color

This paragraph has a background color of #34475d.

<p style="background-color:#34475d;">Content here</p>

#34475d border color

This element has a border color of #34475d.

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

CSS codes

.text {color:#34475d;}

.background {background-color:#34475d;}

.border {border:1px solid #34475d;}

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

#030405
```
#030405 rgb(3,4,5)
```
#0a0d12
```
#0a0d12 rgb(10,13,18)
```
#11171e
```
#11171e rgb(17,23,30)
```
#18212b
```
#18212b rgb(24,33,43)
```
#1f2a37
```
#1f2a37 rgb(31,42,55)
```
#263444
```
#263444 rgb(38,52,68)
```
#2d3d50
```
#2d3d50 rgb(45,61,80)
```
#34475d
```
#34475d rgb(52,71,93)
```
#3b516a
```
#3b516a rgb(59,81,106)
```
#425a76
```
#425a76 rgb(66,90,118)
```
#496483
```
#496483 rgb(73,100,131)
```
#506d8f
```
#506d8f rgb(80,109,143)
```
#57779c
```
#57779c rgb(87,119,156)
```

Shade Color Variation

#6081a6
```
#6081a6 rgb(96,129,166)
```
#6d8bad
```
#6d8bad rgb(109,139,173)
```
#7a95b4
```
#7a95b4 rgb(122,149,180)
```
#869fbb
```
#869fbb rgb(134,159,187)
```
#93a9c2
```
#93a9c2 rgb(147,169,194)
```
#9fb3c9
```
#9fb3c9 rgb(159,179,201)
```
#acbdd1
```
#acbdd1 rgb(172,189,209)
```
#b8c7d8
```
#b8c7d8 rgb(184,199,216)
```
#c5d1df
```
#c5d1df rgb(197,209,223)
```
#d2dbe6
```
#d2dbe6 rgb(210,219,230)
```
#dee5ed
```
#dee5ed rgb(222,229,237)
```
#ebeff4
```
#ebeff4 rgb(235,239,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #45484c is the less saturated color, while #02438f is the most saturated one.

#45484c
```
#45484c rgb(69,72,76)
```
#3f4852
```
#3f4852 rgb(63,72,82)
```
#3a4757
```
#3a4757 rgb(58,71,87)
```
#34475d
```
#34475d rgb(52,71,93)
```
#2e4763
```
#2e4763 rgb(46,71,99)
```
#294668
```
#294668 rgb(41,70,104)
```
#23466e
```
#23466e rgb(35,70,110)
```
#1e4573
```
#1e4573 rgb(30,69,115)
```
#184579
```
#184579 rgb(24,69,121)
```
#13457e
```
#13457e rgb(19,69,126)
```
#0d4484
```
#0d4484 rgb(13,68,132)
```
#07448a
```
#07448a rgb(7,68,138)
```
#02438f
```
#02438f rgb(2,67,143)
```

Tone Color Variation

Below, you can see how #34475d 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

#444444 Achromatopsia 0.005% of the population
#414549 Atypical Achromatopsia 0.001% of the population

Dichromacy

#494e63 Protanopia 1% of men
#484e66 Deuteranopia 1% of men
#3a5258 Tritanopia 0.001% of the population

Trichromacy

#414b61 Protanomaly 1% of men, 0.01% of women
#414b62 Deuteranomaly 6% of men, 0.4% of women
#384e5a Tritanomaly 0.01% of the population

#34475d hex color

#34475d Color Information

#34475d Color Conversion

Color Schemes with #34475d

Alternatives to #34475d

#34475d Preview

Shades and Tints of #34475d

Tones of #34475d

Color Blindness Simulator