#349a8c hex color

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

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

● #349a8c color description : Dark moderate cyan.

The hexadecimal color #349a8c has RGB values of R:52, G:154, B:140 and CMYK values of C:0.66, M:0, Y:0.09, K:0.4. Its decimal value is 3447436.

Hex triplet	349a8c	`#349a8c`
RGB Decimal	52, 154, 140	`rgb(52,154,140)`
RGB Percent	20.4, 60.4, 54.9	`rgb(20.4%,60.4%,54.9%)`
CMYK	66, 0, 9, 40
HSL	171.8°, 49.5, 40.4	`hsl(171.8,49.5%,40.4%)`
HSV (or HSB)	171.8°, 66.2, 60.4
Web Safe	339999	`#339999`

CIE-LAB	57.783, -32.481, -1.236
XYZ	17.704, 25.733, 28.843
xyY	0.245, 0.356, 25.733
CIE-LCH	57.783, 32.505, 182.179
CIE-LUV	57.783, -40.103, 3.072
Hunter-Lab	50.728, -26.478, 1.798
Binary	00110100, 10011010, 10001100

#349a8c
```
#349a8c rgb(52,154,140)
```
#9a3442
```
#9a3442 rgb(154,52,66)
```

Complementary Color

#349a59
```
#349a59 rgb(52,154,89)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#34759a
```
#34759a rgb(52,117,154)
```

Analogous Color

#9a5934
```
#9a5934 rgb(154,89,52)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#9a3475
```
#9a3475 rgb(154,52,117)
```

Split Complementary Color

#9a8c34
```
#9a8c34 rgb(154,140,52)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#8c349a
```
#8c349a rgb(140,52,154)
```

Triadic Color

#429a34
```
#429a34 rgb(66,154,52)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#8c349a
```
#8c349a rgb(140,52,154)
```
#9a3442
```
#9a3442 rgb(154,52,66)
```

Tetradic Color

#216158
```
#216158 rgb(33,97,88)
```
#277469
```
#277469 rgb(39,116,105)
```
#2e877b
```
#2e877b rgb(46,135,123)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#3aad9d
```
#3aad9d rgb(58,173,157)
```
#42bfae
```
#42bfae rgb(66,191,174)
```
#55c6b6
```
#55c6b6 rgb(85,198,182)
```

Monochromatic Color

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

#349a73
```
#349a73 rgb(52,154,115)
```
#349a7b
```
#349a7b rgb(52,154,123)
```
#349a84
```
#349a84 rgb(52,154,132)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#349a95
```
#349a95 rgb(52,154,149)
```
#34979a
```
#34979a rgb(52,151,154)
```
#348f9a
```
#348f9a rgb(52,143,154)
```

Similar Colors

Text with hexadecimal color #349a8c

This text has a font color of #349a8c.

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

#349a8c background color

This paragraph has a background color of #349a8c.

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

#349a8c border color

This element has a border color of #349a8c.

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

CSS codes

.text {color:#349a8c;}

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

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

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)
```
#0c2521
```
#0c2521 rgb(12,37,33)
```
#11332f
```
#11332f rgb(17,51,47)
```
#16423c
```
#16423c rgb(22,66,60)
```
#1b5149
```
#1b5149 rgb(27,81,73)
```
#205f57
```
#205f57 rgb(32,95,87)
```
#256e64
```
#256e64 rgb(37,110,100)
```
#2a7d71
```
#2a7d71 rgb(42,125,113)
```
#2f8b7f
```
#2f8b7f rgb(47,139,127)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#39a999
```
#39a999 rgb(57,169,153)
```
#3eb7a7
```
#3eb7a7 rgb(62,183,167)
```

Shade Color Variation

#48c1b0
```
#48c1b0 rgb(72,193,176)
```
#56c6b7
```
#56c6b7 rgb(86,198,183)
```
#65cbbd
```
#65cbbd rgb(101,203,189)
```
#74d0c3
```
#74d0c3 rgb(116,208,195)
```
#82d5ca
```
#82d5ca rgb(130,213,202)
```
#91dad0
```
#91dad0 rgb(145,218,208)
```
#a0dfd6
```
#a0dfd6 rgb(160,223,214)
```
#aee4dc
```
#aee4dc rgb(174,228,220)
```
#bde9e3
```
#bde9e3 rgb(189,233,227)
```
#cceee9
```
#cceee9 rgb(204,238,233)
```
#daf3ef
```
#daf3ef rgb(218,243,239)
```
#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 #04caae is the most saturated one.

#646a6a
```
#646a6a rgb(100,106,106)
```
#5c726f
```
#5c726f rgb(92,114,111)
```
#547a75
```
#547a75 rgb(84,122,117)
```
#4c827b
```
#4c827b rgb(76,130,123)
```
#448a81
```
#448a81 rgb(68,138,129)
```
#3c9286
```
#3c9286 rgb(60,146,134)
```
#349a8c
```
#349a8c rgb(52,154,140)
```
#2ca292
```
#2ca292 rgb(44,162,146)
```
#24aa97
```
#24aa97 rgb(36,170,151)
```
#1cb29d
```
#1cb29d rgb(28,178,157)
```
#14baa3
```
#14baa3 rgb(20,186,163)
```
#0cc2a9
```
#0cc2a9 rgb(12,194,169)
```
#04caae
```
#04caae rgb(4,202,174)
```

Tone Color Variation

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

#94908a Protanopia 1% of men
#9a8c98 Deuteranopia 1% of men
#4a9ca7 Tritanopia 0.001% of the population

Trichromacy

#71938a Protanomaly 1% of men, 0.01% of women
#759193 Deuteranomaly 6% of men, 0.4% of women
#429b9d Tritanomaly 0.01% of the population

#349a8c hex color

#349a8c Color Information

#349a8c Color Conversion

Color Schemes with #349a8c

Alternatives to #349a8c

#349a8c Preview

Shades and Tints of #349a8c

Tones of #349a8c

Color Blindness Simulator