#349a8f hex color

In a RGB color space, hex #349a8f is composed of 20.4% red, 60.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 0% magenta, 7.1% yellow and 39.6% black. It has a hue angle of 173.5 degrees, a saturation of 49.5% and a lightness of 40.4%. #349a8f color hex could be obtained by blending #68ffff with #00351f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 60
- B 56
RGB color chart
- C 66
- M 0
- Y 7
- K 40
CMYK color chart

● #349a8f color description : Dark moderate cyan.

The hexadecimal color #349a8f has RGB values of R:52, G:154, B:143 and CMYK values of C:0.66, M:0, Y:0.07, K:0.4. Its decimal value is 3447439.

Hex triplet	349a8f	`#349a8f`
RGB Decimal	52, 154, 143	`rgb(52,154,143)`
RGB Percent	20.4, 60.4, 56.1	`rgb(20.4%,60.4%,56.1%)`
CMYK	66, 0, 7, 40
HSL	173.5°, 49.5, 40.4	`hsl(173.5,49.5%,40.4%)`
HSV (or HSB)	173.5°, 66.2, 60.4
Web Safe	339999	`#339999`

CIE-LAB	57.869, -31.65, -2.818
XYZ	17.928, 25.823, 30.025
xyY	0.243, 0.35, 25.823
CIE-LCH	57.869, 31.775, 185.088
CIE-LUV	57.869, -39.922, 0.635
Hunter-Lab	50.816, -25.953, 0.54
Binary	00110100, 10011010, 10001111

#349a8f
```
#349a8f rgb(52,154,143)
```
#9a343f
```
#9a343f rgb(154,52,63)
```

Complementary Color

#349a5c
```
#349a5c rgb(52,154,92)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#34729a
```
#34729a rgb(52,114,154)
```

Analogous Color

#9a5c34
```
#9a5c34 rgb(154,92,52)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#9a3472
```
#9a3472 rgb(154,52,114)
```

Split Complementary Color

#9a8f34
```
#9a8f34 rgb(154,143,52)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#8f349a
```
#8f349a rgb(143,52,154)
```

Triadic Color

#3f9a34
```
#3f9a34 rgb(63,154,52)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#8f349a
```
#8f349a rgb(143,52,154)
```
#9a343f
```
#9a343f rgb(154,52,63)
```

Tetradic Color

#21615a
```
#21615a rgb(33,97,90)
```
#27746c
```
#27746c rgb(39,116,108)
```
#2e877d
```
#2e877d rgb(46,135,125)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#3aada1
```
#3aada1 rgb(58,173,161)
```
#42bfb2
```
#42bfb2 rgb(66,191,178)
```
#55c6b9
```
#55c6b9 rgb(85,198,185)
```

Monochromatic Color

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

#349a76
```
#349a76 rgb(52,154,118)
```
#349a7e
```
#349a7e rgb(52,154,126)
```
#349a87
```
#349a87 rgb(52,154,135)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#349a98
```
#349a98 rgb(52,154,152)
```
#34949a
```
#34949a rgb(52,148,154)
```
#348c9a
```
#348c9a rgb(52,140,154)
```

Similar Colors

Text with hexadecimal color #349a8f

This text has a font color of #349a8f.

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

#349a8f background color

This paragraph has a background color of #349a8f.

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

#349a8f border color

This element has a border color of #349a8f.

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

CSS codes

.text {color:#349a8f;}

.background {background-color:#349a8f;}

.border {border:1px solid #349a8f;}

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

#020707
```
#020707 rgb(2,7,7)
```
#071614
```
#071614 rgb(7,22,20)
```
#0c2522
```
#0c2522 rgb(12,37,34)
```
#113330
```
#113330 rgb(17,51,48)
```
#16423d
```
#16423d rgb(22,66,61)
```
#1b514b
```
#1b514b rgb(27,81,75)
```
#205f59
```
#205f59 rgb(32,95,89)
```
#256e66
```
#256e66 rgb(37,110,102)
```
#2a7d74
```
#2a7d74 rgb(42,125,116)
```
#2f8b81
```
#2f8b81 rgb(47,139,129)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#39a99d
```
#39a99d rgb(57,169,157)
```
#3eb7aa
```
#3eb7aa rgb(62,183,170)
```

Shade Color Variation

#48c1b4
```
#48c1b4 rgb(72,193,180)
```
#56c6ba
```
#56c6ba rgb(86,198,186)
```
#65cbc0
```
#65cbc0 rgb(101,203,192)
```
#74d0c6
```
#74d0c6 rgb(116,208,198)
```
#82d5cc
```
#82d5cc rgb(130,213,204)
```
#91dad2
```
#91dad2 rgb(145,218,210)
```
#a0dfd8
```
#a0dfd8 rgb(160,223,216)
```
#aee4de
```
#aee4de rgb(174,228,222)
```
#bde9e4
```
#bde9e4 rgb(189,233,228)
```
#cceeea
```
#cceeea rgb(204,238,234)
```
#daf3f0
```
#daf3f0 rgb(218,243,240)
```
#e9f8f6
```
#e9f8f6 rgb(233,248,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646a6a is the less saturated color, while #04cab4 is the most saturated one.

#646a6a
```
#646a6a rgb(100,106,106)
```
#5c7270
```
#5c7270 rgb(92,114,112)
```
#547a76
```
#547a76 rgb(84,122,118)
```
#4c827c
```
#4c827c rgb(76,130,124)
```
#448a83
```
#448a83 rgb(68,138,131)
```
#3c9289
```
#3c9289 rgb(60,146,137)
```
#349a8f
```
#349a8f rgb(52,154,143)
```
#2ca295
```
#2ca295 rgb(44,162,149)
```
#24aa9b
```
#24aa9b rgb(36,170,155)
```
#1cb2a2
```
#1cb2a2 rgb(28,178,162)
```
#14baa8
```
#14baa8 rgb(20,186,168)
```
#0cc2ae
```
#0cc2ae rgb(12,194,174)
```
#04cab4
```
#04cab4 rgb(4,202,180)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6c807e Atypical Achromatopsia 0.001% of the population

Dichromacy

#94908c Protanopia 1% of men
#998d9b Deuteranopia 1% of men
#499ca7 Tritanopia 0.001% of the population

Trichromacy

#71938d Protanomaly 1% of men, 0.01% of women
#749196 Deuteranomaly 6% of men, 0.4% of women
#419b9e Tritanomaly 0.01% of the population

#349a8f hex color

#349a8f Color Information

#349a8f Color Conversion

Color Schemes with #349a8f

Alternatives to #349a8f

#349a8f Preview

Shades and Tints of #349a8f

Tones of #349a8f

Color Blindness Simulator