#348d77 hex color

In a RGB color space, hex #348d77 is composed of 20.4% red, 55.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 0% magenta, 15.6% yellow and 44.7% black. It has a hue angle of 165.2 degrees, a saturation of 46.1% and a lightness of 37.8%. #348d77 color hex could be obtained by blending #68ffee with #001b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 55
- B 47
RGB color chart
- C 63
- M 0
- Y 16
- K 45
CMYK color chart

● #348d77 color description : Dark moderate cyan.

The hexadecimal color #348d77 has RGB values of R:52, G:141, B:119 and CMYK values of C:0.63, M:0, Y:0.16, K:0.45. Its decimal value is 3444087.

Hex triplet	348d77	`#348d77`
RGB Decimal	52, 141, 119	`rgb(52,141,119)`
RGB Percent	20.4, 55.3, 46.7	`rgb(20.4%,55.3%,46.7%)`
CMYK	63, 0, 16, 45
HSL	165.2°, 46.1, 37.8	`hsl(165.2,46.1%,37.8%)`
HSV (or HSB)	165.2°, 63.1, 55.3
Web Safe	339966	`#339966`

CIE-LAB	53.07, -31.974, 3.948
XYZ	14.27, 21.111, 20.774
xyY	0.254, 0.376, 21.111
CIE-LCH	53.07, 32.216, 172.96
CIE-LUV	53.07, -36.354, 10.212
Hunter-Lab	45.946, -24.968, 5.354
Binary	00110100, 10001101, 01110111

#348d77
```
#348d77 rgb(52,141,119)
```
#8d344a
```
#8d344a rgb(141,52,74)
```

Complementary Color

#348d4b
```
#348d4b rgb(52,141,75)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#34778d
```
#34778d rgb(52,119,141)
```

Analogous Color

#8d4b34
```
#8d4b34 rgb(141,75,52)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#8d3477
```
#8d3477 rgb(141,52,119)
```

Split Complementary Color

#8d7734
```
#8d7734 rgb(141,119,52)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#77348d
```
#77348d rgb(119,52,141)
```

Triadic Color

#4a8d34
```
#4a8d34 rgb(74,141,52)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#77348d
```
#77348d rgb(119,52,141)
```
#8d344a
```
#8d344a rgb(141,52,74)
```

Tetradic Color

#1f5548
```
#1f5548 rgb(31,85,72)
```
#266858
```
#266858 rgb(38,104,88)
```
#2d7a67
```
#2d7a67 rgb(45,122,103)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#3ba087
```
#3ba087 rgb(59,160,135)
```
#42b296
```
#42b296 rgb(66,178,150)
```
#4fbea3
```
#4fbea3 rgb(79,190,163)
```

Monochromatic Color

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

#348d61
```
#348d61 rgb(52,141,97)
```
#348d68
```
#348d68 rgb(52,141,104)
```
#348d70
```
#348d70 rgb(52,141,112)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#348d7e
```
#348d7e rgb(52,141,126)
```
#348d86
```
#348d86 rgb(52,141,134)
```
#348d8d
```
#348d8d rgb(52,141,141)
```

Similar Colors

Text with hexadecimal color #348d77

This text has a font color of #348d77.

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

#348d77 background color

This paragraph has a background color of #348d77.

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

#348d77 border color

This element has a border color of #348d77.

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

CSS codes

.text {color:#348d77;}

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

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

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

#040c0a
```
#040c0a rgb(4,12,10)
```
#0a1a16
```
#0a1a16 rgb(10,26,22)
```
#0f2922
```
#0f2922 rgb(15,41,34)
```
#14372e
```
#14372e rgb(20,55,46)
```
#1a453b
```
#1a453b rgb(26,69,59)
```
#1f5447
```
#1f5447 rgb(31,84,71)
```
#246253
```
#246253 rgb(36,98,83)
```
#29705f
```
#29705f rgb(41,112,95)
```
#2f7f6b
```
#2f7f6b rgb(47,127,107)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#399b83
```
#399b83 rgb(57,155,131)
```
#3faa8f
```
#3faa8f rgb(63,170,143)
```
#44b89b
```
#44b89b rgb(68,184,155)
```

Shade Color Variation

#51bfa4
```
#51bfa4 rgb(81,191,164)
```
#5fc4ab
```
#5fc4ab rgb(95,196,171)
```
#6dc9b3
```
#6dc9b3 rgb(109,201,179)
```
#7ccfba
```
#7ccfba rgb(124,207,186)
```
#8ad4c2
```
#8ad4c2 rgb(138,212,194)
```
#98d9c9
```
#98d9c9 rgb(152,217,201)
```
#a7ded1
```
#a7ded1 rgb(167,222,209)
```
#b5e4d8
```
#b5e4d8 rgb(181,228,216)
```
#c3e9e0
```
#c3e9e0 rgb(195,233,224)
```
#d2eee7
```
#d2eee7 rgb(210,238,231)
```
#e0f4ef
```
#e0f4ef rgb(224,244,239)
```
#eef9f6
```
#eef9f6 rgb(238,249,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#596864
```
#596864 rgb(89,104,100)
```
#526f68
```
#526f68 rgb(82,111,104)
```
#4a776c
```
#4a776c rgb(74,119,108)
```
#437e6f
```
#437e6f rgb(67,126,111)
```
#3b8673
```
#3b8673 rgb(59,134,115)
```
#348d77
```
#348d77 rgb(52,141,119)
```
#2d947b
```
#2d947b rgb(45,148,123)
```
#259c7f
```
#259c7f rgb(37,156,127)
```
#1ea382
```
#1ea382 rgb(30,163,130)
```
#16ab86
```
#16ab86 rgb(22,171,134)
```
#0fb28a
```
#0fb28a rgb(15,178,138)
```
#07ba8e
```
#07ba8e rgb(7,186,142)
```
#00c191
```
#00c191 rgb(0,193,145)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#647671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8477 Protanopia 1% of men
#928184 Deuteranopia 1% of men
#4b8e99 Tritanopia 0.001% of the population

Trichromacy

#6b8777 Protanomaly 1% of men, 0.01% of women
#6f857f Deuteranomaly 6% of men, 0.4% of women
#428e8c Tritanomaly 0.01% of the population

#348d77 hex color

#348d77 Color Information

#348d77 Color Conversion

Color Schemes with #348d77

Alternatives to #348d77

#348d77 Preview

Shades and Tints of #348d77

Tones of #348d77

Color Blindness Simulator