#345f6e hex color

In a RGB color space, hex #345f6e is composed of 20.4% red, 37.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 13.6% magenta, 0% yellow and 56.9% black. It has a hue angle of 195.5 degrees, a saturation of 35.8% and a lightness of 31.8%. #345f6e color hex could be obtained by blending #68bedc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 37
- B 43
RGB color chart
- C 53
- M 14
- Y 0
- K 57
CMYK color chart

● #345f6e color description : Very dark desaturated blue.

The hexadecimal color #345f6e has RGB values of R:52, G:95, B:110 and CMYK values of C:0.53, M:0.14, Y:0, K:0.57. Its decimal value is 3432302.

Hex triplet	345f6e	`#345f6e`
RGB Decimal	52, 95, 110	`rgb(52,95,110)`
RGB Percent	20.4, 37.3, 43.1	`rgb(20.4%,37.3%,43.1%)`
CMYK	53, 14, 0, 57
HSL	195.5°, 35.8, 31.8	`hsl(195.5,35.8%,31.8%)`
HSV (or HSB)	195.5°, 52.7, 43.1
Web Safe	336666	`#336666`

CIE-LAB	37.914, -10.361, -13.133
XYZ	8.322, 10.04, 16.25
xyY	0.24, 0.29, 10.04
CIE-LCH	37.914, 16.728, 231.727
CIE-LUV	37.914, -18.505, -16.379
Hunter-Lab	31.686, -8.567, -8.228
Binary	00110100, 01011111, 01101110

#345f6e
```
#345f6e rgb(52,95,110)
```
#6e4334
```
#6e4334 rgb(110,67,52)
```

Complementary Color

#346e60
```
#346e60 rgb(52,110,96)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#34426e
```
#34426e rgb(52,66,110)
```

Analogous Color

#6e6034
```
#6e6034 rgb(110,96,52)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#6e3442
```
#6e3442 rgb(110,52,66)
```

Split Complementary Color

#5f6e34
```
#5f6e34 rgb(95,110,52)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#6e345f
```
#6e345f rgb(110,52,95)
```

Triadic Color

#346e43
```
#346e43 rgb(52,110,67)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#6e345f
```
#6e345f rgb(110,52,95)
```
#6e4334
```
#6e4334 rgb(110,67,52)
```

Tetradic Color

#1b323a
```
#1b323a rgb(27,50,58)
```
#24414b
```
#24414b rgb(36,65,75)
```
#2c505d
```
#2c505d rgb(44,80,93)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#3c6e7f
```
#3c6e7f rgb(60,110,127)
```
#447d91
```
#447d91 rgb(68,125,145)
```
#4d8ca2
```
#4d8ca2 rgb(77,140,162)
```

Monochromatic Color

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

#346e6e
```
#346e6e rgb(52,110,110)
```
#34696e
```
#34696e rgb(52,105,110)
```
#34646e
```
#34646e rgb(52,100,110)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#345a6e
```
#345a6e rgb(52,90,110)
```
#34556e
```
#34556e rgb(52,85,110)
```
#34516e
```
#34516e rgb(52,81,110)
```

Similar Colors

Text with hexadecimal color #345f6e

This text has a font color of #345f6e.

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

#345f6e background color

This paragraph has a background color of #345f6e.

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

#345f6e border color

This element has a border color of #345f6e.

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

CSS codes

.text {color:#345f6e;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#080e11
```
#080e11 rgb(8,14,17)
```
#0e1a1e
```
#0e1a1e rgb(14,26,30)
```
#15252b
```
#15252b rgb(21,37,43)
```
#1b3139
```
#1b3139 rgb(27,49,57)
```
#213c46
```
#213c46 rgb(33,60,70)
```
#274853
```
#274853 rgb(39,72,83)
```
#2e5361
```
#2e5361 rgb(46,83,97)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#3a6b7b
```
#3a6b7b rgb(58,107,123)
```
#417689
```
#417689 rgb(65,118,137)
```
#478296
```
#478296 rgb(71,130,150)
```
#4d8da3
```
#4d8da3 rgb(77,141,163)
```

Shade Color Variation

#5598af
```
#5598af rgb(85,152,175)
```
#63a0b5
```
#63a0b5 rgb(99,160,181)
```
#70a8bb
```
#70a8bb rgb(112,168,187)
```
#7db0c2
```
#7db0c2 rgb(125,176,194)
```
#8bb8c8
```
#8bb8c8 rgb(139,184,200)
```
#98c0ce
```
#98c0ce rgb(152,192,206)
```
#a5c8d5
```
#a5c8d5 rgb(165,200,213)
```
#b3d0db
```
#b3d0db rgb(179,208,219)
```
#c0d9e1
```
#c0d9e1 rgb(192,217,225)
```
#cde1e7
```
#cde1e7 rgb(205,225,231)
```
#dae9ee
```
#dae9ee rgb(218,233,238)
```
#e8f1f4
```
#e8f1f4 rgb(232,241,244)
```
#f5f9fa
```
#f5f9fa rgb(245,249,250)
```

Tint Color Variation

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

#4d5355
```
#4d5355 rgb(77,83,85)
```
#47565b
```
#47565b rgb(71,86,91)
```
#405962
```
#405962 rgb(64,89,98)
```
#3a5c68
```
#3a5c68 rgb(58,92,104)
```
#345f6e
```
#345f6e rgb(52,95,110)
```
#2e6274
```
#2e6274 rgb(46,98,116)
```
#28657a
```
#28657a rgb(40,101,122)
```
#216881
```
#216881 rgb(33,104,129)
```
#1b6b87
```
#1b6b87 rgb(27,107,135)
```
#156e8d
```
#156e8d rgb(21,110,141)
```
#0f7193
```
#0f7193 rgb(15,113,147)
```
#08749a
```
#08749a rgb(8,116,154)
```
#0277a0
```
#0277a0 rgb(2,119,160)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4e5659 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6171 Protanopia 1% of men
#5e6078 Deuteranopia 1% of men
#3c686f Tritanopia 0.001% of the population

Trichromacy

#4e6070 Protanomaly 1% of men, 0.01% of women
#4f5f74 Deuteranomaly 6% of men, 0.4% of women
#39646f Tritanomaly 0.01% of the population

#345f6e hex color

#345f6e Color Information

#345f6e Color Conversion

Color Schemes with #345f6e

Alternatives to #345f6e

#345f6e Preview

Shades and Tints of #345f6e

Tones of #345f6e

Color Blindness Simulator