#345869 hex color

In a RGB color space, hex #345869 is composed of 20.4% red, 34.5% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 16.2% magenta, 0% yellow and 58.8% black. It has a hue angle of 199.2 degrees, a saturation of 33.8% and a lightness of 30.8%. #345869 color hex could be obtained by blending #68b0d2 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 35
- B 41
RGB color chart
- C 50
- M 16
- Y 0
- K 59
CMYK color chart

● #345869 color description : Very dark desaturated blue.

The hexadecimal color #345869 has RGB values of R:52, G:88, B:105 and CMYK values of C:0.5, M:0.16, Y:0, K:0.59. Its decimal value is 3430505.

Hex triplet	345869	`#345869`
RGB Decimal	52, 88, 105	`rgb(52,88,105)`
RGB Percent	20.4, 34.5, 41.2	`rgb(20.4%,34.5%,41.2%)`
CMYK	50, 16, 0, 59
HSL	199.2°, 33.8, 30.8	`hsl(199.2,33.8%,30.8%)`
HSV (or HSB)	199.2°, 50.5, 41.2
Web Safe	336666	`#336666`

CIE-LAB	35.457, -7.768, -13.778
XYZ	7.455, 8.729, 14.656
xyY	0.242, 0.283, 8.729
CIE-LCH	35.457, 15.817, 240.585
CIE-LUV	35.457, -15.817, -17.299
Hunter-Lab	29.545, -6.663, -8.73
Binary	00110100, 01011000, 01101001

#345869
```
#345869 rgb(52,88,105)
```
#694534
```
#694534 rgb(105,69,52)
```

Complementary Color

#346960
```
#346960 rgb(52,105,96)
```
#345869
```
#345869 rgb(52,88,105)
```
#343e69
```
#343e69 rgb(52,62,105)
```

Analogous Color

#696034
```
#696034 rgb(105,96,52)
```
#345869
```
#345869 rgb(52,88,105)
```
#69343e
```
#69343e rgb(105,52,62)
```

Split Complementary Color

#586934
```
#586934 rgb(88,105,52)
```
#345869
```
#345869 rgb(52,88,105)
```
#693458
```
#693458 rgb(105,52,88)
```

Triadic Color

#346945
```
#346945 rgb(52,105,69)
```
#345869
```
#345869 rgb(52,88,105)
```
#693458
```
#693458 rgb(105,52,88)
```
#694534
```
#694534 rgb(105,69,52)
```

Tetradic Color

#1b2d36
```
#1b2d36 rgb(27,45,54)
```
#233b47
```
#233b47 rgb(35,59,71)
```
#2c4a58
```
#2c4a58 rgb(44,74,88)
```
#345869
```
#345869 rgb(52,88,105)
```
#3c667a
```
#3c667a rgb(60,102,122)
```
#45758b
```
#45758b rgb(69,117,139)
```
#4d839c
```
#4d839c rgb(77,131,156)
```

Monochromatic Color

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

#346569
```
#346569 rgb(52,101,105)
```
#346169
```
#346169 rgb(52,97,105)
```
#345c69
```
#345c69 rgb(52,92,105)
```
#345869
```
#345869 rgb(52,88,105)
```
#345469
```
#345469 rgb(52,84,105)
```
#344f69
```
#344f69 rgb(52,79,105)
```
#344b69
```
#344b69 rgb(52,75,105)
```

Similar Colors

Text with hexadecimal color #345869

This text has a font color of #345869.

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

#345869 background color

This paragraph has a background color of #345869.

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

#345869 border color

This element has a border color of #345869.

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

CSS codes

.text {color:#345869;}

.background {background-color:#345869;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0d161a
```
#0d161a rgb(13,22,26)
```
#142127
```
#142127 rgb(20,33,39)
```
#1a2c35
```
#1a2c35 rgb(26,44,53)
```
#213742
```
#213742 rgb(33,55,66)
```
#27424f
```
#27424f rgb(39,66,79)
```
#2e4d5c
```
#2e4d5c rgb(46,77,92)
```
#345869
```
#345869 rgb(52,88,105)
```
#3a6376
```
#3a6376 rgb(58,99,118)
```
#416e83
```
#416e83 rgb(65,110,131)
```
#477990
```
#477990 rgb(71,121,144)
```
#4e849d
```
#4e849d rgb(78,132,157)
```

Shade Color Variation

#558fab
```
#558fab rgb(85,143,171)
```
#6298b1
```
#6298b1 rgb(98,152,177)
```
#6fa0b8
```
#6fa0b8 rgb(111,160,184)
```
#7ca9be
```
#7ca9be rgb(124,169,190)
```
#89b1c5
```
#89b1c5 rgb(137,177,197)
```
#96bacb
```
#96bacb rgb(150,186,203)
```
#a3c3d2
```
#a3c3d2 rgb(163,195,210)
```
#b0cbd8
```
#b0cbd8 rgb(176,203,216)
```
#bdd4df
```
#bdd4df rgb(189,212,223)
```
#cbdde5
```
#cbdde5 rgb(203,221,229)
```
#d8e5ec
```
#d8e5ec rgb(216,229,236)
```
#e5eef2
```
#e5eef2 rgb(229,238,242)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#4c4f51
```
#4c4f51 rgb(76,79,81)
```
#465257
```
#465257 rgb(70,82,87)
```
#40545d
```
#40545d rgb(64,84,93)
```
#3a5663
```
#3a5663 rgb(58,86,99)
```
#345869
```
#345869 rgb(52,88,105)
```
#2e5a6f
```
#2e5a6f rgb(46,90,111)
```
#285c75
```
#285c75 rgb(40,92,117)
```
#225e7b
```
#225e7b rgb(34,94,123)
```
#1c6181
```
#1c6181 rgb(28,97,129)
```
#166387
```
#166387 rgb(22,99,135)
```
#10658d
```
#10658d rgb(16,101,141)
```
#0a6793
```
#0a6793 rgb(10,103,147)
```
#046999
```
#046999 rgb(4,105,153)
```

Tone Color Variation

Below, you can see how #345869 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
#4a5154 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585b6d Protanopia 1% of men
#585a73 Deuteranopia 1% of men
#3b6269 Tritanopia 0.001% of the population

Trichromacy

#4b5a6b Protanomaly 1% of men, 0.01% of women
#4b596f Deuteranomaly 6% of men, 0.4% of women
#385e69 Tritanomaly 0.01% of the population

#345869 hex color

#345869 Color Information

#345869 Color Conversion

Color Schemes with #345869

Alternatives to #345869

#345869 Preview

Shades and Tints of #345869

Tones of #345869

Color Blindness Simulator