#349f8a hex color

In a RGB color space, hex #349f8a is composed of 20.4% red, 62.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 0% magenta, 13.2% yellow and 37.6% black. It has a hue angle of 168.2 degrees, a saturation of 50.7% and a lightness of 41.4%. #349f8a color hex could be obtained by blending #68ffff with #003f15. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 62
- B 54
RGB color chart
- C 67
- M 0
- Y 13
- K 38
CMYK color chart

● #349f8a color description : Dark moderate cyan.

The hexadecimal color #349f8a has RGB values of R:52, G:159, B:138 and CMYK values of C:0.67, M:0, Y:0.13, K:0.38. Its decimal value is 3448714.

Hex triplet	349f8a	`#349f8a`
RGB Decimal	52, 159, 138	`rgb(52,159,138)`
RGB Percent	20.4, 62.4, 54.1	`rgb(20.4%,62.4%,54.1%)`
CMYK	67, 0, 13, 38
HSL	168.2°, 50.7, 41.4	`hsl(168.2,50.7%,41.4%)`
HSV (or HSB)	168.2°, 67.3, 62.4
Web Safe	339999	`#339999`

CIE-LAB	59.306, -35.35, 2.12
XYZ	18.4, 27.36, 28.355
xyY	0.248, 0.369, 27.36
CIE-LCH	59.306, 35.413, 176.568
CIE-LUV	59.306, -42.102, 8.369
Hunter-Lab	52.306, -28.744, 4.474
Binary	00110100, 10011111, 10001010

#349f8a
```
#349f8a rgb(52,159,138)
```
#9f3449
```
#9f3449 rgb(159,52,73)
```

Complementary Color

#349f55
```
#349f55 rgb(52,159,85)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#347f9f
```
#347f9f rgb(52,127,159)
```

Analogous Color

#9f5534
```
#9f5534 rgb(159,85,52)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#9f347f
```
#9f347f rgb(159,52,127)
```

Split Complementary Color

#9f8a34
```
#9f8a34 rgb(159,138,52)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#8a349f
```
#8a349f rgb(138,52,159)
```

Triadic Color

#499f34
```
#499f34 rgb(73,159,52)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#8a349f
```
#8a349f rgb(138,52,159)
```
#9f3449
```
#9f3449 rgb(159,52,73)
```

Tetradic Color

#216558
```
#216558 rgb(33,101,88)
```
#277969
```
#277969 rgb(39,121,105)
```
#2e8c79
```
#2e8c79 rgb(46,140,121)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#3ab29b
```
#3ab29b rgb(58,178,155)
```
#44c2a9
```
#44c2a9 rgb(68,194,169)
```
#57c8b2
```
#57c8b2 rgb(87,200,178)
```

Monochromatic Color

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

#349f6f
```
#349f6f rgb(52,159,111)
```
#349f78
```
#349f78 rgb(52,159,120)
```
#349f81
```
#349f81 rgb(52,159,129)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#349f93
```
#349f93 rgb(52,159,147)
```
#349f9c
```
#349f9c rgb(52,159,156)
```
#34999f
```
#34999f rgb(52,153,159)
```

Similar Colors

Text with hexadecimal color #349f8a

This text has a font color of #349f8a.

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

#349f8a background color

This paragraph has a background color of #349f8a.

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

#349f8a border color

This element has a border color of #349f8a.

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

CSS codes

.text {color:#349f8a;}

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

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

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, #040b0a is the darkest color, while #fbfefd is the lightest one.

#040b0a
```
#040b0a rgb(4,11,10)
```
#081a17
```
#081a17 rgb(8,26,23)
```
#0d2923
```
#0d2923 rgb(13,41,35)
```
#123830
```
#123830 rgb(18,56,48)
```
#17463d
```
#17463d rgb(23,70,61)
```
#1c554a
```
#1c554a rgb(28,85,74)
```
#216457
```
#216457 rgb(33,100,87)
```
#257364
```
#257364 rgb(37,115,100)
```
#2a8170
```
#2a8170 rgb(42,129,112)
```
#2f907d
```
#2f907d rgb(47,144,125)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#39ae97
```
#39ae97 rgb(57,174,151)
```
#3ebda4
```
#3ebda4 rgb(62,189,164)
```

Shade Color Variation

#4ac4ac
```
#4ac4ac rgb(74,196,172)
```
#59c9b3
```
#59c9b3 rgb(89,201,179)
```
#68cdb9
```
#68cdb9 rgb(104,205,185)
```
#76d2c0
```
#76d2c0 rgb(118,210,192)
```
#85d7c7
```
#85d7c7 rgb(133,215,199)
```
#94dcce
```
#94dcce rgb(148,220,206)
```
#a3e1d5
```
#a3e1d5 rgb(163,225,213)
```
#b1e6db
```
#b1e6db rgb(177,230,219)
```
#c0eae2
```
#c0eae2 rgb(192,234,226)
```
#cfefe9
```
#cfefe9 rgb(207,239,233)
```
#def4f0
```
#def4f0 rgb(222,244,240)
```
#edf9f7
```
#edf9f7 rgb(237,249,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656e6c is the less saturated color, while #03d0a8 is the most saturated one.

#656e6c
```
#656e6c rgb(101,110,108)
```
#5d7671
```
#5d7671 rgb(93,118,113)
```
#547f76
```
#547f76 rgb(84,127,118)
```
#4c877b
```
#4c877b rgb(76,135,123)
```
#448f80
```
#448f80 rgb(68,143,128)
```
#3c9785
```
#3c9785 rgb(60,151,133)
```
#349f8a
```
#349f8a rgb(52,159,138)
```
#2ca78f
```
#2ca78f rgb(44,167,143)
```
#24af94
```
#24af94 rgb(36,175,148)
```
#1cb799
```
#1cb799 rgb(28,183,153)
```
#14bf9e
```
#14bf9e rgb(20,191,158)
```
#0bc8a3
```
#0bc8a3 rgb(11,200,163)
```
#03d0a8
```
#03d0a8 rgb(3,208,168)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e8480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9488 Protanopia 1% of men
#a19097 Deuteranopia 1% of men
#4d9fab Tritanopia 0.001% of the population

Trichromacy

#759888 Protanomaly 1% of men, 0.01% of women
#799592 Deuteranomaly 6% of men, 0.4% of women
#449f9f Tritanomaly 0.01% of the population

#349f8a hex color

#349f8a Color Information

#349f8a Color Conversion

Color Schemes with #349f8a

Alternatives to #349f8a

#349f8a Preview

Shades and Tints of #349f8a

Tones of #349f8a

Color Blindness Simulator