#348f7e hex color

In a RGB color space, hex #348f7e is composed of 20.4% red, 56.1% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 11.9% yellow and 43.9% black. It has a hue angle of 168.8 degrees, a saturation of 46.7% and a lightness of 38.2%. #348f7e color hex could be obtained by blending #68fffc with #001f00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 56
- B 49
RGB color chart
- C 64
- M 0
- Y 12
- K 44
CMYK color chart

● #348f7e color description : Dark moderate cyan.

The hexadecimal color #348f7e has RGB values of R:52, G:143, B:126 and CMYK values of C:0.64, M:0, Y:0.12, K:0.44. Its decimal value is 3444606.

Hex triplet	348f7e	`#348f7e`
RGB Decimal	52, 143, 126	`rgb(52,143,126)`
RGB Percent	20.4, 56.1, 49.4	`rgb(20.4%,56.1%,49.4%)`
CMYK	64, 0, 12, 44
HSL	168.8°, 46.7, 38.2	`hsl(168.8,46.7%,38.2%)`
HSV (or HSB)	168.8°, 63.6, 56.1
Web Safe	339966	`#339966`

CIE-LAB	53.9, -31.07, 1.112
XYZ	15.003, 21.88, 23.17
xyY	0.25, 0.364, 21.88
CIE-LCH	53.9, 31.09, 177.95
CIE-LUV	53.9, -36.737, 6.165
Hunter-Lab	46.776, -24.605, 3.375
Binary	00110100, 10001111, 01111110

#348f7e
```
#348f7e rgb(52,143,126)
```
#8f3445
```
#8f3445 rgb(143,52,69)
```

Complementary Color

#348f51
```
#348f51 rgb(52,143,81)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#34738f
```
#34738f rgb(52,115,143)
```

Analogous Color

#8f5134
```
#8f5134 rgb(143,81,52)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#8f3473
```
#8f3473 rgb(143,52,115)
```

Split Complementary Color

#8f7e34
```
#8f7e34 rgb(143,126,52)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#7e348f
```
#7e348f rgb(126,52,143)
```

Triadic Color

#458f34
```
#458f34 rgb(69,143,52)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#7e348f
```
#7e348f rgb(126,52,143)
```
#8f3445
```
#8f3445 rgb(143,52,69)
```

Tetradic Color

#20574d
```
#20574d rgb(32,87,77)
```
#266a5d
```
#266a5d rgb(38,106,93)
```
#2d7c6e
```
#2d7c6e rgb(45,124,110)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#3ba28e
```
#3ba28e rgb(59,162,142)
```
#42b49f
```
#42b49f rgb(66,180,159)
```
#50bfab
```
#50bfab rgb(80,191,171)
```

Monochromatic Color

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

#348f67
```
#348f67 rgb(52,143,103)
```
#348f6f
```
#348f6f rgb(52,143,111)
```
#348f76
```
#348f76 rgb(52,143,118)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#348f86
```
#348f86 rgb(52,143,134)
```
#348f8d
```
#348f8d rgb(52,143,141)
```
#34898f
```
#34898f rgb(52,137,143)
```

Similar Colors

Text with hexadecimal color #348f7e

This text has a font color of #348f7e.

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

#348f7e background color

This paragraph has a background color of #348f7e.

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

#348f7e border color

This element has a border color of #348f7e.

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

CSS codes

.text {color:#348f7e;}

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

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

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, #050e0c is the darkest color, while #feffff is the lightest one.

#050e0c
```
#050e0c rgb(5,14,12)
```
#0a1c19
```
#0a1c19 rgb(10,28,25)
```
#0f2a25
```
#0f2a25 rgb(15,42,37)
```
#153932
```
#153932 rgb(21,57,50)
```
#1a473f
```
#1a473f rgb(26,71,63)
```
#1f554b
```
#1f554b rgb(31,85,75)
```
#246458
```
#246458 rgb(36,100,88)
```
#2a7265
```
#2a7265 rgb(42,114,101)
```
#2f8171
```
#2f8171 rgb(47,129,113)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#399d8b
```
#399d8b rgb(57,157,139)
```
#3eac97
```
#3eac97 rgb(62,172,151)
```
#44baa4
```
#44baa4 rgb(68,186,164)
```

Shade Color Variation

#52c0ab
```
#52c0ab rgb(82,192,171)
```
#60c5b2
```
#60c5b2 rgb(96,197,178)
```
#6ecab9
```
#6ecab9 rgb(110,202,185)
```
#7dd0c0
```
#7dd0c0 rgb(125,208,192)
```
#8bd5c7
```
#8bd5c7 rgb(139,213,199)
```
#99dace
```
#99dace rgb(153,218,206)
```
#a8dfd5
```
#a8dfd5 rgb(168,223,213)
```
#b6e5dc
```
#b6e5dc rgb(182,229,220)
```
#c5eae3
```
#c5eae3 rgb(197,234,227)
```
#d3efea
```
#d3efea rgb(211,239,234)
```
#e1f4f1
```
#e1f4f1 rgb(225,244,241)
```
#f0f9f8
```
#f0f9f8 rgb(240,249,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#616262
```
#616262 rgb(97,98,98)
```
#5a6a67
```
#5a6a67 rgb(90,106,103)
```
#52716b
```
#52716b rgb(82,113,107)
```
#4b7970
```
#4b7970 rgb(75,121,112)
```
#438075
```
#438075 rgb(67,128,117)
```
#3c8879
```
#3c8879 rgb(60,136,121)
```
#348f7e
```
#348f7e rgb(52,143,126)
```
#2d9783
```
#2d9783 rgb(45,151,131)
```
#259e87
```
#259e87 rgb(37,158,135)
```
#1ea68c
```
#1ea68c rgb(30,166,140)
```
#16ad91
```
#16ad91 rgb(22,173,145)
```
#0fb595
```
#0fb595 rgb(15,181,149)
```
#07bc9a
```
#07bc9a rgb(7,188,154)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#667874 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c867d Protanopia 1% of men
#92838a Deuteranopia 1% of men
#4a919b Tritanopia 0.001% of the population

Trichromacy

#6c897d Protanomaly 1% of men, 0.01% of women
#6f8786 Deuteranomaly 6% of men, 0.4% of women
#429091 Tritanomaly 0.01% of the population

#348f7e hex color

#348f7e Color Information

#348f7e Color Conversion

Color Schemes with #348f7e

Alternatives to #348f7e

#348f7e Preview

Shades and Tints of #348f7e

Tones of #348f7e

Color Blindness Simulator