#348676 hex color

In a RGB color space, hex #348676 is composed of 20.4% red, 52.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 0% magenta, 11.9% yellow and 47.5% black. It has a hue angle of 168.3 degrees, a saturation of 44.1% and a lightness of 36.5%. #348676 color hex could be obtained by blending #68ffec with #000d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 53
- B 46
RGB color chart
- C 61
- M 0
- Y 12
- K 47
CMYK color chart

● #348676 color description : Dark moderate cyan.

The hexadecimal color #348676 has RGB values of R:52, G:134, B:118 and CMYK values of C:0.61, M:0, Y:0.12, K:0.47. Its decimal value is 3442294.

Hex triplet	348676	`#348676`
RGB Decimal	52, 134, 118	`rgb(52,134,118)`
RGB Percent	20.4, 52.5, 46.3	`rgb(20.4%,52.5%,46.3%)`
CMYK	61, 0, 12, 47
HSL	168.3°, 44.1, 36.5	`hsl(168.3,44.1%,36.5%)`
HSV (or HSB)	168.3°, 61.2, 52.5
Web Safe	339966	`#339966`

CIE-LAB	50.789, -28.887, 1.225
XYZ	13.21, 19.087, 20.127
xyY	0.252, 0.364, 19.087
CIE-LCH	50.789, 28.913, 177.572
CIE-LUV	50.789, -33.685, 5.928
Hunter-Lab	43.689, -22.483, 3.269
Binary	00110100, 10000110, 01110110

#348676
```
#348676 rgb(52,134,118)
```
#863444
```
#863444 rgb(134,52,68)
```

Complementary Color

#34864d
```
#34864d rgb(52,134,77)
```
#348676
```
#348676 rgb(52,134,118)
```
#346d86
```
#346d86 rgb(52,109,134)
```

Analogous Color

#864d34
```
#864d34 rgb(134,77,52)
```
#348676
```
#348676 rgb(52,134,118)
```
#86346d
```
#86346d rgb(134,52,109)
```

Split Complementary Color

#867634
```
#867634 rgb(134,118,52)
```
#348676
```
#348676 rgb(52,134,118)
```
#763486
```
#763486 rgb(118,52,134)
```

Triadic Color

#448634
```
#448634 rgb(68,134,52)
```
#348676
```
#348676 rgb(52,134,118)
```
#763486
```
#763486 rgb(118,52,134)
```
#863444
```
#863444 rgb(134,52,68)
```

Tetradic Color

#1f4f45
```
#1f4f45 rgb(31,79,69)
```
#266156
```
#266156 rgb(38,97,86)
```
#2d7466
```
#2d7466 rgb(45,116,102)
```
#348676
```
#348676 rgb(52,134,118)
```
#3b9886
```
#3b9886 rgb(59,152,134)
```
#42ab96
```
#42ab96 rgb(66,171,150)
```
#4dbaa5
```
#4dbaa5 rgb(77,186,165)
```

Monochromatic Color

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

#348662
```
#348662 rgb(52,134,98)
```
#348668
```
#348668 rgb(52,134,104)
```
#34866f
```
#34866f rgb(52,134,111)
```
#348676
```
#348676 rgb(52,134,118)
```
#34867d
```
#34867d rgb(52,134,125)
```
#348684
```
#348684 rgb(52,134,132)
```
#348286
```
#348286 rgb(52,130,134)
```

Similar Colors

Text with hexadecimal color #348676

This text has a font color of #348676.

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

#348676 background color

This paragraph has a background color of #348676.

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

#348676 border color

This element has a border color of #348676.

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

CSS codes

.text {color:#348676;}

.background {background-color:#348676;}

.border {border:1px solid #348676;}

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

#030706
```
#030706 rgb(3,7,6)
```
#081512
```
#081512 rgb(8,21,18)
```
#0e231f
```
#0e231f rgb(14,35,31)
```
#13312b
```
#13312b rgb(19,49,43)
```
#193f38
```
#193f38 rgb(25,63,56)
```
#1e4d44
```
#1e4d44 rgb(30,77,68)
```
#245c51
```
#245c51 rgb(36,92,81)
```
#296a5d
```
#296a5d rgb(41,106,93)
```
#2f786a
```
#2f786a rgb(47,120,106)
```
#348676
```
#348676 rgb(52,134,118)
```
#399482
```
#399482 rgb(57,148,130)
```
#3fa28f
```
#3fa28f rgb(63,162,143)
```
#44b09b
```
#44b09b rgb(68,176,155)
```

Shade Color Variation

#4ebaa5
```
#4ebaa5 rgb(78,186,165)
```
#5cc0ac
```
#5cc0ac rgb(92,192,172)
```
#6ac5b4
```
#6ac5b4 rgb(106,197,180)
```
#79cbbb
```
#79cbbb rgb(121,203,187)
```
#87d0c2
```
#87d0c2 rgb(135,208,194)
```
#95d6c9
```
#95d6c9 rgb(149,214,201)
```
#a3dbd0
```
#a3dbd0 rgb(163,219,208)
```
#b1e1d7
```
#b1e1d7 rgb(177,225,215)
```
#bfe6df
```
#bfe6df rgb(191,230,223)
```
#cdece6
```
#cdece6 rgb(205,236,230)
```
#dbf1ed
```
#dbf1ed rgb(219,241,237)
```
#eaf7f4
```
#eaf7f4 rgb(234,247,244)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#586260
```
#586260 rgb(88,98,96)
```
#516965
```
#516965 rgb(81,105,101)
```
#497169
```
#497169 rgb(73,113,105)
```
#42786d
```
#42786d rgb(66,120,109)
```
#3b7f72
```
#3b7f72 rgb(59,127,114)
```
#348676
```
#348676 rgb(52,134,118)
```
#2d8d7a
```
#2d8d7a rgb(45,141,122)
```
#26947f
```
#26947f rgb(38,148,127)
```
#1f9b83
```
#1f9b83 rgb(31,155,131)
```
#17a387
```
#17a387 rgb(23,163,135)
```
#10aa8c
```
#10aa8c rgb(16,170,140)
```
#09b190
```
#09b190 rgb(9,177,144)
```
#02b895
```
#02b895 rgb(2,184,149)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#61716e Atypical Achromatopsia 0.001% of the population

Dichromacy

#847f76 Protanopia 1% of men
#8a7c82 Deuteranopia 1% of men
#488993 Tritanopia 0.001% of the population

Trichromacy

#678176 Protanomaly 1% of men, 0.01% of women
#6a7f7e Deuteranomaly 6% of men, 0.4% of women
#418788 Tritanomaly 0.01% of the population

#348676 hex color

#348676 Color Information

#348676 Color Conversion

Color Schemes with #348676

Alternatives to #348676

#348676 Preview

Shades and Tints of #348676

Tones of #348676

Color Blindness Simulator