#345662 hex color

In a RGB color space, hex #345662 is composed of 20.4% red, 33.7% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 12.2% magenta, 0% yellow and 61.6% black. It has a hue angle of 195.7 degrees, a saturation of 30.7% and a lightness of 29.4%. #345662 color hex could be obtained by blending #68acc4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 34
- B 38
RGB color chart
- C 47
- M 12
- Y 0
- K 62
CMYK color chart

● #345662 color description : Very dark desaturated blue.

The hexadecimal color #345662 has RGB values of R:52, G:86, B:98 and CMYK values of C:0.47, M:0.12, Y:0, K:0.62. Its decimal value is 3429986.

Hex triplet	345662	`#345662`
RGB Decimal	52, 86, 98	`rgb(52,86,98)`
RGB Percent	20.4, 33.7, 38.4	`rgb(20.4%,33.7%,38.4%)`
CMYK	47, 12, 0, 62
HSL	195.7°, 30.7, 29.4	`hsl(195.7,30.7%,29.4%)`
HSV (or HSB)	195.7°, 46.9, 38.4
Web Safe	336666	`#336666`

CIE-LAB	34.533, -8.752, -10.808
XYZ	6.948, 8.267, 12.784
xyY	0.248, 0.295, 8.267
CIE-LCH	34.533, 13.907, 231.001
CIE-LUV	34.533, -15.124, -12.963
Hunter-Lab	28.753, -7.183, -6.235
Binary	00110100, 01010110, 01100010

#345662
```
#345662 rgb(52,86,98)
```
#624034
```
#624034 rgb(98,64,52)
```

Complementary Color

#346257
```
#346257 rgb(52,98,87)
```
#345662
```
#345662 rgb(52,86,98)
```
#343f62
```
#343f62 rgb(52,63,98)
```

Analogous Color

#625734
```
#625734 rgb(98,87,52)
```
#345662
```
#345662 rgb(52,86,98)
```
#62343f
```
#62343f rgb(98,52,63)
```

Split Complementary Color

#566234
```
#566234 rgb(86,98,52)
```
#345662
```
#345662 rgb(52,86,98)
```
#623456
```
#623456 rgb(98,52,86)
```

Triadic Color

#346240
```
#346240 rgb(52,98,64)
```
#345662
```
#345662 rgb(52,86,98)
```
#623456
```
#623456 rgb(98,52,86)
```
#624034
```
#624034 rgb(98,64,52)
```

Tetradic Color

#192a30
```
#192a30 rgb(25,42,48)
```
#223941
```
#223941 rgb(34,57,65)
```
#2b4751
```
#2b4751 rgb(43,71,81)
```
#345662
```
#345662 rgb(52,86,98)
```
#3d6573
```
#3d6573 rgb(61,101,115)
```
#467383
```
#467383 rgb(70,115,131)
```
#4f8294
```
#4f8294 rgb(79,130,148)
```

Monochromatic Color

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

#346262
```
#346262 rgb(52,98,98)
```
#345e62
```
#345e62 rgb(52,94,98)
```
#345a62
```
#345a62 rgb(52,90,98)
```
#345662
```
#345662 rgb(52,86,98)
```
#345262
```
#345262 rgb(52,82,98)
```
#344e62
```
#344e62 rgb(52,78,98)
```
#344b62
```
#344b62 rgb(52,75,98)
```

Similar Colors

Text with hexadecimal color #345662

This text has a font color of #345662.

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

#345662 background color

This paragraph has a background color of #345662.

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

#345662 border color

This element has a border color of #345662.

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

CSS codes

.text {color:#345662;}

.background {background-color:#345662;}

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1315
```
#0b1315 rgb(11,19,21)
```
#121e22
```
#121e22 rgb(18,30,34)
```
#19292f
```
#19292f rgb(25,41,47)
```
#20343c
```
#20343c rgb(32,52,60)
```
#264048
```
#264048 rgb(38,64,72)
```
#2d4b55
```
#2d4b55 rgb(45,75,85)
```
#345662
```
#345662 rgb(52,86,98)
```
#3b616f
```
#3b616f rgb(59,97,111)
```
#426c7c
```
#426c7c rgb(66,108,124)
```
#487888
```
#487888 rgb(72,120,136)
```
#4f8395
```
#4f8395 rgb(79,131,149)
```
#568ea2
```
#568ea2 rgb(86,142,162)
```

Shade Color Variation

#6198ab
```
#6198ab rgb(97,152,171)
```
#6ea0b2
```
#6ea0b2 rgb(110,160,178)
```
#7aa8b9
```
#7aa8b9 rgb(122,168,185)
```
#87b1bf
```
#87b1bf rgb(135,177,191)
```
#94b9c6
```
#94b9c6 rgb(148,185,198)
```
#a1c1cd
```
#a1c1cd rgb(161,193,205)
```
#aecad4
```
#aecad4 rgb(174,202,212)
```
#bad2db
```
#bad2db rgb(186,210,219)
```
#c7dbe1
```
#c7dbe1 rgb(199,219,225)
```
#d4e3e8
```
#d4e3e8 rgb(212,227,232)
```
#e1ebef
```
#e1ebef rgb(225,235,239)
```
#eef4f6
```
#eef4f6 rgb(238,244,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454e51 is the less saturated color, while #006f96 is the most saturated one.

#454e51
```
#454e51 rgb(69,78,81)
```
#405056
```
#405056 rgb(64,80,86)
```
#3a535c
```
#3a535c rgb(58,83,92)
```
#345662
```
#345662 rgb(52,86,98)
```
#2e5968
```
#2e5968 rgb(46,89,104)
```
#285c6e
```
#285c6e rgb(40,92,110)
```
#235e73
```
#235e73 rgb(35,94,115)
```
#1d6179
```
#1d6179 rgb(29,97,121)
```
#17647f
```
#17647f rgb(23,100,127)
```
#116785
```
#116785 rgb(17,103,133)
```
#0c698a
```
#0c698a rgb(12,105,138)
```
#066c90
```
#066c90 rgb(6,108,144)
```
#006f96
```
#006f96 rgb(0,111,150)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#484f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575967 Protanopia 1% of men
#58586c Deuteranopia 1% of men
#3d5f66 Tritanopia 0.001% of the population

Trichromacy

#4a5865 Protanomaly 1% of men, 0.01% of women
#4b5768 Deuteranomaly 6% of men, 0.4% of women
#395c64 Tritanomaly 0.01% of the population

#345662 hex color

#345662 Color Information

#345662 Color Conversion

Color Schemes with #345662

Alternatives to #345662

#345662 Preview

Shades and Tints of #345662

Tones of #345662

Color Blindness Simulator