#345873 hex color

In a RGB color space, hex #345873 is composed of 20.4% red, 34.5% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 23.5% magenta, 0% yellow and 54.9% black. It has a hue angle of 205.7 degrees, a saturation of 37.7% and a lightness of 32.7%. #345873 color hex could be obtained by blending #68b0e6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 35
- B 45
RGB color chart
- C 55
- M 23
- Y 0
- K 55
CMYK color chart

● #345873 color description : Dark moderate blue.

The hexadecimal color #345873 has RGB values of R:52, G:88, B:115 and CMYK values of C:0.55, M:0.23, Y:0, K:0.55. Its decimal value is 3430515.

Hex triplet	345873	`#345873`
RGB Decimal	52, 88, 115	`rgb(52,88,115)`
RGB Percent	20.4, 34.5, 45.1	`rgb(20.4%,34.5%,45.1%)`
CMYK	55, 23, 0, 55
HSL	205.7°, 37.7, 32.7	`hsl(205.7,37.7%,32.7%)`
HSV (or HSB)	205.7°, 54.8, 45.1
Web Safe	336666	`#336666`

CIE-LAB	35.882, -4.509, -19.339
XYZ	8, 8.947, 17.524
xyY	0.232, 0.26, 8.947
CIE-LCH	35.882, 19.857, 256.876
CIE-LUV	35.882, -15.652, -25.621
Hunter-Lab	29.911, -4.606, -13.798
Binary	00110100, 01011000, 01110011

#345873
```
#345873 rgb(52,88,115)
```
#734f34
```
#734f34 rgb(115,79,52)
```

Complementary Color

#34736f
```
#34736f rgb(52,115,111)
```
#345873
```
#345873 rgb(52,88,115)
```
#343973
```
#343973 rgb(52,57,115)
```

Analogous Color

#736f34
```
#736f34 rgb(115,111,52)
```
#345873
```
#345873 rgb(52,88,115)
```
#733439
```
#733439 rgb(115,52,57)
```

Split Complementary Color

#587334
```
#587334 rgb(88,115,52)
```
#345873
```
#345873 rgb(52,88,115)
```
#733458
```
#733458 rgb(115,52,88)
```

Triadic Color

#34734f
```
#34734f rgb(52,115,79)
```
#345873
```
#345873 rgb(52,88,115)
```
#733458
```
#733458 rgb(115,52,88)
```
#734f34
```
#734f34 rgb(115,79,52)
```

Tetradic Color

#1c303e
```
#1c303e rgb(28,48,62)
```
#243d50
```
#243d50 rgb(36,61,80)
```
#2c4b61
```
#2c4b61 rgb(44,75,97)
```
#345873
```
#345873 rgb(52,88,115)
```
#3c6585
```
#3c6585 rgb(60,101,133)
```
#447396
```
#447396 rgb(68,115,150)
```
#4c80a8
```
#4c80a8 rgb(76,128,168)
```

Monochromatic Color

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

#346873
```
#346873 rgb(52,104,115)
```
#346373
```
#346373 rgb(52,99,115)
```
#345d73
```
#345d73 rgb(52,93,115)
```
#345873
```
#345873 rgb(52,88,115)
```
#345373
```
#345373 rgb(52,83,115)
```
#344e73
```
#344e73 rgb(52,78,115)
```
#344873
```
#344873 rgb(52,72,115)
```

Similar Colors

Text with hexadecimal color #345873

This text has a font color of #345873.

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

#345873 background color

This paragraph has a background color of #345873.

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

#345873 border color

This element has a border color of #345873.

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

CSS codes

.text {color:#345873;}

.background {background-color:#345873;}

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

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

#030507
```
#030507 rgb(3,5,7)
```
#091014
```
#091014 rgb(9,16,20)
```
#0f1a22
```
#0f1a22 rgb(15,26,34)
```
#15242f
```
#15242f rgb(21,36,47)
```
#1c2f3d
```
#1c2f3d rgb(28,47,61)
```
#22394a
```
#22394a rgb(34,57,74)
```
#284358
```
#284358 rgb(40,67,88)
```
#2e4e65
```
#2e4e65 rgb(46,78,101)
```
#345873
```
#345873 rgb(52,88,115)
```
#3a6281
```
#3a6281 rgb(58,98,129)
```
#406d8e
```
#406d8e rgb(64,109,142)
```
#46779c
```
#46779c rgb(70,119,156)
```
#4c81a9
```
#4c81a9 rgb(76,129,169)
```

Shade Color Variation

#568bb3
```
#568bb3 rgb(86,139,179)
```
#6494b9
```
#6494b9 rgb(100,148,185)
```
#719ebf
```
#719ebf rgb(113,158,191)
```
#7fa7c5
```
#7fa7c5 rgb(127,167,197)
```
#8cb0cb
```
#8cb0cb rgb(140,176,203)
```
#9abad1
```
#9abad1 rgb(154,186,209)
```
#a7c3d7
```
#a7c3d7 rgb(167,195,215)
```
#b5ccdd
```
#b5ccdd rgb(181,204,221)
```
#c2d5e4
```
#c2d5e4 rgb(194,213,228)
```
#d0dfea
```
#d0dfea rgb(208,223,234)
```
#dde8f0
```
#dde8f0 rgb(221,232,240)
```
#ebf1f6
```
#ebf1f6 rgb(235,241,246)
```
#f8fafc
```
#f8fafc rgb(248,250,252)
```

Tint Color Variation

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

#4e5459
```
#4e5459 rgb(78,84,89)
```
#475560
```
#475560 rgb(71,85,96)
```
#415666
```
#415666 rgb(65,86,102)
```
#3a576d
```
#3a576d rgb(58,87,109)
```
#345873
```
#345873 rgb(52,88,115)
```
#2e5979
```
#2e5979 rgb(46,89,121)
```
#275a80
```
#275a80 rgb(39,90,128)
```
#215b86
```
#215b86 rgb(33,91,134)
```
#1a5c8d
```
#1a5c8d rgb(26,92,141)
```
#145d93
```
#145d93 rgb(20,93,147)
```
#0d5e9a
```
#0d5e9a rgb(13,94,154)
```
#075ea0
```
#075ea0 rgb(7,94,160)
```
#015fa6
```
#015fa6 rgb(1,95,166)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5257 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555c77 Protanopia 1% of men
#535c7c Deuteranopia 1% of men
#37636a Tritanopia 0.001% of the population

Trichromacy

#495a75 Protanomaly 1% of men, 0.01% of women
#475a78 Deuteranomaly 6% of men, 0.4% of women
#365f6d Tritanomaly 0.01% of the population

#345873 hex color

#345873 Color Information

#345873 Color Conversion

Color Schemes with #345873

Alternatives to #345873

#345873 Preview

Shades and Tints of #345873

Tones of #345873

Color Blindness Simulator