#345770 hex color

In a RGB color space, hex #345770 is composed of 20.4% red, 34.1% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 22.3% magenta, 0% yellow and 56.1% black. It has a hue angle of 205 degrees, a saturation of 36.6% and a lightness of 32.2%. #345770 color hex could be obtained by blending #68aee0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 34
- B 44
RGB color chart
- C 54
- M 22
- Y 0
- K 56
CMYK color chart

● #345770 color description : Very dark desaturated blue.

The hexadecimal color #345770 has RGB values of R:52, G:87, B:112 and CMYK values of C:0.54, M:0.22, Y:0, K:0.56. Its decimal value is 3430256.

Hex triplet	345770	`#345770`
RGB Decimal	52, 87, 112	`rgb(52,87,112)`
RGB Percent	20.4, 34.1, 43.9	`rgb(20.4%,34.1%,43.9%)`
CMYK	54, 22, 0, 56
HSL	205°, 36.6, 32.2	`hsl(205,36.6%,32.2%)`
HSV (or HSB)	205°, 53.6, 43.9
Web Safe	336666	`#336666`

CIE-LAB	35.431, -4.887, -18.173
XYZ	7.748, 8.716, 16.602
xyY	0.234, 0.264, 8.716
CIE-LCH	35.431, 18.819, 254.949
CIE-LUV	35.431, -15.31, -23.831
Hunter-Lab	29.523, -4.817, -12.677
Binary	00110100, 01010111, 01110000

#345770
```
#345770 rgb(52,87,112)
```
#704d34
```
#704d34 rgb(112,77,52)
```

Complementary Color

#34706b
```
#34706b rgb(52,112,107)
```
#345770
```
#345770 rgb(52,87,112)
```
#343970
```
#343970 rgb(52,57,112)
```

Analogous Color

#706b34
```
#706b34 rgb(112,107,52)
```
#345770
```
#345770 rgb(52,87,112)
```
#703439
```
#703439 rgb(112,52,57)
```

Split Complementary Color

#577034
```
#577034 rgb(87,112,52)
```
#345770
```
#345770 rgb(52,87,112)
```
#703457
```
#703457 rgb(112,52,87)
```

Triadic Color

#34704d
```
#34704d rgb(52,112,77)
```
#345770
```
#345770 rgb(52,87,112)
```
#703457
```
#703457 rgb(112,52,87)
```
#704d34
```
#704d34 rgb(112,77,52)
```

Tetradic Color

#1c2e3c
```
#1c2e3c rgb(28,46,60)
```
#243c4d
```
#243c4d rgb(36,60,77)
```
#2c495f
```
#2c495f rgb(44,73,95)
```
#345770
```
#345770 rgb(52,87,112)
```
#3c6581
```
#3c6581 rgb(60,101,129)
```
#447293
```
#447293 rgb(68,114,147)
```
#4c80a4
```
#4c80a4 rgb(76,128,164)
```

Monochromatic Color

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

#346670
```
#346670 rgb(52,102,112)
```
#346170
```
#346170 rgb(52,97,112)
```
#345c70
```
#345c70 rgb(52,92,112)
```
#345770
```
#345770 rgb(52,87,112)
```
#345270
```
#345270 rgb(52,82,112)
```
#344d70
```
#344d70 rgb(52,77,112)
```
#344870
```
#344870 rgb(52,72,112)
```

Similar Colors

Text with hexadecimal color #345770

This text has a font color of #345770.

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

#345770 background color

This paragraph has a background color of #345770.

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

#345770 border color

This element has a border color of #345770.

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

CSS codes

.text {color:#345770;}

.background {background-color:#345770;}

.border {border:1px solid #345770;}

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

#020405
```
#020405 rgb(2,4,5)
```
#080e12
```
#080e12 rgb(8,14,18)
```
#0f1920
```
#0f1920 rgb(15,25,32)
```
#15232d
```
#15232d rgb(21,35,45)
```
#1b2d3a
```
#1b2d3a rgb(27,45,58)
```
#213848
```
#213848 rgb(33,56,72)
```
#284255
```
#284255 rgb(40,66,85)
```
#2e4d63
```
#2e4d63 rgb(46,77,99)
```
#345770
```
#345770 rgb(52,87,112)
```
#3a617d
```
#3a617d rgb(58,97,125)
```
#406c8b
```
#406c8b rgb(64,108,139)
```
#477698
```
#477698 rgb(71,118,152)
```
#4d81a6
```
#4d81a6 rgb(77,129,166)
```

Shade Color Variation

#568bb0
```
#568bb0 rgb(86,139,176)
```
#6394b7
```
#6394b7 rgb(99,148,183)
```
#709dbd
```
#709dbd rgb(112,157,189)
```
#7ea6c3
```
#7ea6c3 rgb(126,166,195)
```
#8bafc9
```
#8bafc9 rgb(139,175,201)
```
#99b9cf
```
#99b9cf rgb(153,185,207)
```
#a6c2d6
```
#a6c2d6 rgb(166,194,214)
```
#b3cbdc
```
#b3cbdc rgb(179,203,220)
```
#c1d4e2
```
#c1d4e2 rgb(193,212,226)
```
#cedde8
```
#cedde8 rgb(206,221,232)
```
#dce7ef
```
#dce7ef rgb(220,231,239)
```
#e9f0f5
```
#e9f0f5 rgb(233,240,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

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

#4d5357
```
#4d5357 rgb(77,83,87)
```
#47545d
```
#47545d rgb(71,84,93)
```
#415563
```
#415563 rgb(65,85,99)
```
#3a566a
```
#3a566a rgb(58,86,106)
```
#345770
```
#345770 rgb(52,87,112)
```
#2e5876
```
#2e5876 rgb(46,88,118)
```
#27597d
```
#27597d rgb(39,89,125)
```
#215a83
```
#215a83 rgb(33,90,131)
```
#1b5b89
```
#1b5b89 rgb(27,91,137)
```
#145c90
```
#145c90 rgb(20,92,144)
```
#0e5d96
```
#0e5d96 rgb(14,93,150)
```
#085e9c
```
#085e9c rgb(8,94,156)
```
#025fa2
```
#025fa2 rgb(2,95,162)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4a5156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555b74 Protanopia 1% of men
#535b79 Deuteranopia 1% of men
#386269 Tritanopia 0.001% of the population

Trichromacy

#495972 Protanomaly 1% of men, 0.01% of women
#485975 Deuteranomaly 6% of men, 0.4% of women
#365e6b Tritanomaly 0.01% of the population

#345770 hex color

#345770 Color Information

#345770 Color Conversion

Color Schemes with #345770

Alternatives to #345770

#345770 Preview

Shades and Tints of #345770

Tones of #345770

Color Blindness Simulator