#349e9a hex color

In a RGB color space, hex #349e9a is composed of 20.4% red, 62% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 0% magenta, 2.5% yellow and 38% black. It has a hue angle of 177.7 degrees, a saturation of 50.5% and a lightness of 41.2%. #349e9a color hex could be obtained by blending #68ffff with #003d35. Closest websafe color is: #339999.

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

● #349e9a color description : Dark moderate cyan.

The hexadecimal color #349e9a has RGB values of R:52, G:158, B:154 and CMYK values of C:0.67, M:0, Y:0.03, K:0.38. Its decimal value is 3448474.

Hex triplet	349e9a	`#349e9a`
RGB Decimal	52, 158, 154	`rgb(52,158,154)`
RGB Percent	20.4, 62, 60.4	`rgb(20.4%,62%,60.4%)`
CMYK	67, 0, 3, 38
HSL	177.7°, 50.5, 41.2	`hsl(177.7,50.5%,41.2%)`
HSV (or HSB)	177.7°, 67.1, 62
Web Safe	339999	`#339999`

CIE-LAB	59.448, -30.443, -6.731
XYZ	19.474, 27.515, 34.855
xyY	0.238, 0.336, 27.515
CIE-LCH	59.448, 31.178, 192.467
CIE-LUV	59.448, -40.743, -5.4
Hunter-Lab	52.455, -25.528, -2.678
Binary	00110100, 10011110, 10011010

#349e9a
```
#349e9a rgb(52,158,154)
```
#9e3438
```
#9e3438 rgb(158,52,56)
```

Complementary Color

#349e65
```
#349e65 rgb(52,158,101)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#346d9e
```
#346d9e rgb(52,109,158)
```

Analogous Color

#9e6534
```
#9e6534 rgb(158,101,52)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#9e346d
```
#9e346d rgb(158,52,109)
```

Split Complementary Color

#9e9a34
```
#9e9a34 rgb(158,154,52)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#9a349e
```
#9a349e rgb(154,52,158)
```

Triadic Color

#389e34
```
#389e34 rgb(56,158,52)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#9a349e
```
#9a349e rgb(154,52,158)
```
#9e3438
```
#9e3438 rgb(158,52,56)
```

Tetradic Color

#216462
```
#216462 rgb(33,100,98)
```
#277875
```
#277875 rgb(39,120,117)
```
#2e8b87
```
#2e8b87 rgb(46,139,135)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#3ab1ad
```
#3ab1ad rgb(58,177,173)
```
#44c1bd
```
#44c1bd rgb(68,193,189)
```
#57c8c3
```
#57c8c3 rgb(87,200,195)
```

Monochromatic Color

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

#349e80
```
#349e80 rgb(52,158,128)
```
#349e88
```
#349e88 rgb(52,158,136)
```
#349e91
```
#349e91 rgb(52,158,145)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#34999e
```
#34999e rgb(52,153,158)
```
#34909e
```
#34909e rgb(52,144,158)
```
#34889e
```
#34889e rgb(52,136,158)
```

Similar Colors

Text with hexadecimal color #349e9a

This text has a font color of #349e9a.

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

#349e9a background color

This paragraph has a background color of #349e9a.

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

#349e9a border color

This element has a border color of #349e9a.

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

CSS codes

.text {color:#349e9a;}

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

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

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

#030a0a
```
#030a0a rgb(3,10,10)
```
#081919
```
#081919 rgb(8,25,25)
```
#0d2827
```
#0d2827 rgb(13,40,39)
```
#123735
```
#123735 rgb(18,55,53)
```
#174544
```
#174544 rgb(23,69,68)
```
#1c5452
```
#1c5452 rgb(28,84,82)
```
#216360
```
#216360 rgb(33,99,96)
```
#25726f
```
#25726f rgb(37,114,111)
```
#2a807d
```
#2a807d rgb(42,128,125)
```
#2f8f8c
```
#2f8f8c rgb(47,143,140)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#39ada8
```
#39ada8 rgb(57,173,168)
```
#3ebcb7
```
#3ebcb7 rgb(62,188,183)
```

Shade Color Variation

#4ac3bf
```
#4ac3bf rgb(74,195,191)
```
#58c8c4
```
#58c8c4 rgb(88,200,196)
```
#67cdc9
```
#67cdc9 rgb(103,205,201)
```
#76d2ce
```
#76d2ce rgb(118,210,206)
```
#85d7d4
```
#85d7d4 rgb(133,215,212)
```
#93dcd9
```
#93dcd9 rgb(147,220,217)
```
#a2e0de
```
#a2e0de rgb(162,224,222)
```
#b1e5e3
```
#b1e5e3 rgb(177,229,227)
```
#c0eae9
```
#c0eae9 rgb(192,234,233)
```
#ceefee
```
#ceefee rgb(206,239,238)
```
#ddf4f3
```
#ddf4f3 rgb(221,244,243)
```
#ecf9f8
```
#ecf9f8 rgb(236,249,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#646e6d
```
#646e6d rgb(100,110,109)
```
#5c7675
```
#5c7675 rgb(92,118,117)
```
#547e7c
```
#547e7c rgb(84,126,124)
```
#4c8684
```
#4c8684 rgb(76,134,132)
```
#448e8b
```
#448e8b rgb(68,142,139)
```
#3c9693
```
#3c9693 rgb(60,150,147)
```
#349e9a
```
#349e9a rgb(52,158,154)
```
#2ca6a1
```
#2ca6a1 rgb(44,166,161)
```
#24aea9
```
#24aea9 rgb(36,174,169)
```
#1cb6b0
```
#1cb6b0 rgb(28,182,176)
```
#14beb8
```
#14beb8 rgb(20,190,184)
```
#0cc6bf
```
#0cc6bf rgb(12,198,191)
```
#04cec7
```
#04cec7 rgb(4,206,199)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6f8484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#969497 Protanopia 1% of men
#9a91a5 Deuteranopia 1% of men
#47a0ac Tritanopia 0.001% of the population

Trichromacy

#729798 Protanomaly 1% of men, 0.01% of women
#7595a1 Deuteranomaly 6% of men, 0.4% of women
#409fa5 Tritanomaly 0.01% of the population

#349e9a hex color

#349e9a Color Information

#349e9a Color Conversion

Color Schemes with #349e9a

Alternatives to #349e9a

#349e9a Preview

Shades and Tints of #349e9a

Tones of #349e9a

Color Blindness Simulator