#348f97 hex color

In a RGB color space, hex #348f97 is composed of 20.4% red, 56.1% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 5.3% magenta, 0% yellow and 40.8% black. It has a hue angle of 184.8 degrees, a saturation of 48.8% and a lightness of 39.8%. #348f97 color hex could be obtained by blending #68ffff with #001f2f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 56
- B 59
RGB color chart
- C 66
- M 5
- Y 0
- K 41
CMYK color chart

● #348f97 color description : Dark moderate cyan.

The hexadecimal color #348f97 has RGB values of R:52, G:143, B:151 and CMYK values of C:0.66, M:0.05, Y:0, K:0.41. Its decimal value is 3444631.

Hex triplet	348f97	`#348f97`
RGB Decimal	52, 143, 151	`rgb(52,143,151)`
RGB Percent	20.4, 56.1, 59.2	`rgb(20.4%,56.1%,59.2%)`
CMYK	66, 5, 0, 41
HSL	184.8°, 48.8, 39.8	`hsl(184.8,48.8%,39.8%)`
HSV (or HSB)	184.8°, 65.6, 59.2
Web Safe	339999	`#339999`

CIE-LAB	54.666, -23.864, -12.169
XYZ	16.823, 22.608, 32.754
xyY	0.233, 0.313, 22.608
CIE-LCH	54.666, 26.788, 207.019
CIE-LUV	54.666, -35.31, -14.47
Hunter-Lab	47.548, -20.053, -7.559
Binary	00110100, 10001111, 10010111

#348f97
```
#348f97 rgb(52,143,151)
```
#973c34
```
#973c34 rgb(151,60,52)
```

Complementary Color

#34976e
```
#34976e rgb(52,151,110)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#345e97
```
#345e97 rgb(52,94,151)
```

Analogous Color

#976e34
```
#976e34 rgb(151,110,52)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#97345e
```
#97345e rgb(151,52,94)
```

Split Complementary Color

#8f9734
```
#8f9734 rgb(143,151,52)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#97348f
```
#97348f rgb(151,52,143)
```

Triadic Color

#34973c
```
#34973c rgb(52,151,60)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#97348f
```
#97348f rgb(151,52,143)
```
#973c34
```
#973c34 rgb(151,60,52)
```

Tetradic Color

#20595e
```
#20595e rgb(32,89,94)
```
#276b71
```
#276b71 rgb(39,107,113)
```
#2d7d84
```
#2d7d84 rgb(45,125,132)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#3ba1aa
```
#3ba1aa rgb(59,161,170)
```
#41b3bd
```
#41b3bd rgb(65,179,189)
```
#54bbc4
```
#54bbc4 rgb(84,187,196)
```

Monochromatic Color

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

#349786
```
#349786 rgb(52,151,134)
```
#34978f
```
#34978f rgb(52,151,143)
```
#349797
```
#349797 rgb(52,151,151)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#348797
```
#348797 rgb(52,135,151)
```
#347f97
```
#347f97 rgb(52,127,151)
```
#347697
```
#347697 rgb(52,118,151)
```

Similar Colors

Text with hexadecimal color #348f97

This text has a font color of #348f97.

<span style="color:#348f97;">Text here</span>

#348f97 background color

This paragraph has a background color of #348f97.

<p style="background-color:#348f97;">Content here</p>

#348f97 border color

This element has a border color of #348f97.

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

CSS codes

.text {color:#348f97;}

.background {background-color:#348f97;}

.border {border:1px solid #348f97;}

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

#020505
```
#020505 rgb(2,5,5)
```
#071314
```
#071314 rgb(7,19,20)
```
#0c2022
```
#0c2022 rgb(12,32,34)
```
#112e31
```
#112e31 rgb(17,46,49)
```
#163c3f
```
#163c3f rgb(22,60,63)
```
#1b4a4e
```
#1b4a4e rgb(27,74,78)
```
#20585d
```
#20585d rgb(32,88,93)
```
#25666b
```
#25666b rgb(37,102,107)
```
#2a737a
```
#2a737a rgb(42,115,122)
```
#2f8188
```
#2f8188 rgb(47,129,136)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#399da6
```
#399da6 rgb(57,157,166)
```
#3eabb4
```
#3eabb4 rgb(62,171,180)
```

Shade Color Variation

#46b6bf
```
#46b6bf rgb(70,182,191)
```
#55bbc4
```
#55bbc4 rgb(85,187,196)
```
#64c1c9
```
#64c1c9 rgb(100,193,201)
```
#72c7cf
```
#72c7cf rgb(114,199,207)
```
#81cdd4
```
#81cdd4 rgb(129,205,212)
```
#8fd3d9
```
#8fd3d9 rgb(143,211,217)
```
#9ed8de
```
#9ed8de rgb(158,216,222)
```
#addee3
```
#addee3 rgb(173,222,227)
```
#bbe4e8
```
#bbe4e8 rgb(187,228,232)
```
#caeaed
```
#caeaed rgb(202,234,237)
```
#d8f0f2
```
#d8f0f2 rgb(216,240,242)
```
#e7f5f7
```
#e7f5f7 rgb(231,245,247)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636868 is the less saturated color, while #05b6c6 is the most saturated one.

#636868
```
#636868 rgb(99,104,104)
```
#5b6e70
```
#5b6e70 rgb(91,110,112)
```
#537578
```
#537578 rgb(83,117,120)
```
#4b7b80
```
#4b7b80 rgb(75,123,128)
```
#448287
```
#448287 rgb(68,130,135)
```
#3c888f
```
#3c888f rgb(60,136,143)
```
#348f97
```
#348f97 rgb(52,143,151)
```
#2c969f
```
#2c969f rgb(44,150,159)
```
#249ca7
```
#249ca7 rgb(36,156,167)
```
#1da3ae
```
#1da3ae rgb(29,163,174)
```
#15a9b6
```
#15a9b6 rgb(21,169,182)
```
#0db0be
```
#0db0be rgb(13,176,190)
```
#05b6c6
```
#05b6c6 rgb(5,182,198)
```

Tone Color Variation

Below, you can see how #348f97 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

#757575 Achromatopsia 0.005% of the population
#687a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#878895 Protanopia 1% of men
#8986a1 Deuteranopia 1% of men
#40949f Tritanopia 0.001% of the population

Trichromacy

#698a95 Protanomaly 1% of men, 0.01% of women
#6a899d Deuteranomaly 6% of men, 0.4% of women
#3b929c Tritanomaly 0.01% of the population

#348f97 hex color

#348f97 Color Information

#348f97 Color Conversion

Color Schemes with #348f97

Alternatives to #348f97

#348f97 Preview

Shades and Tints of #348f97

Tones of #348f97

Color Blindness Simulator