colorhexa.com

#345a62 hex color

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

- R 20
- G 35
- B 38
RGB color chart
- C 47
- M 8
- Y 0
- K 62
CMYK color chart

● #345a62 color description : Very dark desaturated cyan.

The hexadecimal color #345a62 has RGB values of R:52, G:90, B:98 and CMYK values of C:0.47, M:0.08, Y:0, K:0.62. Its decimal value is 3431010.

Hex triplet	345a62	`#345a62`
RGB Decimal	52, 90, 98	`rgb(52,90,98)`
RGB Percent	20.4, 35.3, 38.4	`rgb(20.4%,35.3%,38.4%)`
CMYK	47, 8, 0, 62
HSL	190.4°, 30.7, 29.4	`hsl(190.4,30.7%,29.4%)`
HSV (or HSB)	190.4°, 46.9, 38.4
Web Safe	336666	`#336666`

CIE-LAB	35.837, -11.13, -8.838
XYZ	7.276, 8.924, 12.894
xyY	0.25, 0.307, 8.924
CIE-LCH	35.837, 14.213, 218.453
CIE-LUV	35.837, -16.761, -10.103
Hunter-Lab	29.873, -8.799, -4.68
Binary	00110100, 01011010, 01100010

#345a62
```
#345a62 rgb(52,90,98)
```
#623c34
```
#623c34 rgb(98,60,52)
```

Complementary Color

#346253
```
#346253 rgb(52,98,83)
```
#345a62
```
#345a62 rgb(52,90,98)
```
#344362
```
#344362 rgb(52,67,98)
```

Analogous Color

#625334
```
#625334 rgb(98,83,52)
```
#345a62
```
#345a62 rgb(52,90,98)
```
#623443
```
#623443 rgb(98,52,67)
```

Split Complementary Color

#192c30
```
#192c30 rgb(25,44,48)
```
#223b41
```
#223b41 rgb(34,59,65)
```
#2b4b51
```
#2b4b51 rgb(43,75,81)
```
#345a62
```
#345a62 rgb(52,90,98)
```
#3d6973
```
#3d6973 rgb(61,105,115)
```
#467983
```
#467983 rgb(70,121,131)
```
#4f8894
```
#4f8894 rgb(79,136,148)
```

Monochromatic Color

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

#34625f
```
#34625f rgb(52,98,95)
```
#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)
```
#344f62
```
#344f62 rgb(52,79,98)
```

Similar Colors

Text with hexadecimal color #345a62

This text has a font color of #345a62.

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

#345a62 background color

This paragraph has a background color of #345a62.

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

#345a62 border color

This element has a border color of #345a62.

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

CSS codes

.text {color:#345a62;}

.background {background-color:#345a62;}

.border {border:1px solid #345a62;}

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1315
```
#0b1315 rgb(11,19,21)
```
#121f22
```
#121f22 rgb(18,31,34)
```
#192b2f
```
#192b2f rgb(25,43,47)
```
#20373c
```
#20373c rgb(32,55,60)
```
#264248
```
#264248 rgb(38,66,72)
```
#2d4e55
```
#2d4e55 rgb(45,78,85)
```
#345a62
```
#345a62 rgb(52,90,98)
```
#3b666f
```
#3b666f rgb(59,102,111)
```
#42727c
```
#42727c rgb(66,114,124)
```
#487d88
```
#487d88 rgb(72,125,136)
```
#4f8995
```
#4f8995 rgb(79,137,149)
```
#5695a2
```
#5695a2 rgb(86,149,162)
```

Shade Color Variation

#619eab
```
#619eab rgb(97,158,171)
```
#6ea6b2
```
#6ea6b2 rgb(110,166,178)
```
#7aaeb9
```
#7aaeb9 rgb(122,174,185)
```
#87b6bf
```
#87b6bf rgb(135,182,191)
```
#94bdc6
```
#94bdc6 rgb(148,189,198)
```
#a1c5cd
```
#a1c5cd rgb(161,197,205)
```
#aecdd4
```
#aecdd4 rgb(174,205,212)
```
#bad5db
```
#bad5db rgb(186,213,219)
```
#c7dde1
```
#c7dde1 rgb(199,221,225)
```
#d4e5e8
```
#d4e5e8 rgb(212,229,232)
```
#e1edef
```
#e1edef rgb(225,237,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, #454f51 is the less saturated color, while #007c96 is the most saturated one.

#454f51
```
#454f51 rgb(69,79,81)
```
#405256
```
#405256 rgb(64,82,86)
```
#3a565c
```
#3a565c rgb(58,86,92)
```
#345a62
```
#345a62 rgb(52,90,98)
```
#2e5e68
```
#2e5e68 rgb(46,94,104)
```
#28626e
```
#28626e rgb(40,98,110)
```
#236573
```
#236573 rgb(35,101,115)
```
#1d6979
```
#1d6979 rgb(29,105,121)
```
#176d7f
```
#176d7f rgb(23,109,127)
```
#117185
```
#117185 rgb(17,113,133)
```
#0c748a
```
#0c748a rgb(12,116,138)
```
#067890
```
#067890 rgb(6,120,144)
```
#007c96
```
#007c96 rgb(0,124,150)
```

Tone Color Variation

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

Dichromacy

#5b5c66 Protanopia 1% of men
#5d5b6c Deuteranopia 1% of men
#3e6269 Tritanopia 0.001% of the population

Trichromacy

#4d5b64 Protanomaly 1% of men, 0.01% of women
#4e5a68 Deuteranomaly 6% of men, 0.4% of women
#3a5f66 Tritanomaly 0.01% of the population