#348696 hex color

In a RGB color space, hex #348696 is composed of 20.4% red, 52.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 10.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 189.8 degrees, a saturation of 48.5% and a lightness of 39.6%. #348696 color hex could be obtained by blending #68ffff with #000d2d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 53
- B 59
RGB color chart
- C 65
- M 11
- Y 0
- K 41
CMYK color chart

● #348696 color description : Dark moderate cyan.

The hexadecimal color #348696 has RGB values of R:52, G:134, B:150 and CMYK values of C:0.65, M:0.11, Y:0, K:0.41. Its decimal value is 3442326.

Hex triplet	348696	`#348696`
RGB Decimal	52, 134, 150	`rgb(52,134,150)`
RGB Percent	20.4, 52.5, 58.8	`rgb(20.4%,52.5%,58.8%)`
CMYK	65, 11, 0, 41
HSL	189.8°, 48.5, 39.6	`hsl(189.8,48.5%,39.6%)`
HSV (or HSB)	189.8°, 65.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	51.816, -19.463, -15.903
XYZ	15.445, 19.981, 31.895
xyY	0.229, 0.297, 19.981
CIE-LCH	51.816, 25.134, 219.252
CIE-LUV	51.816, -31.976, -20.634
Hunter-Lab	44.7, -16.55, -11.016
Binary	00110100, 10000110, 10010110

#348696
```
#348696 rgb(52,134,150)
```
#964434
```
#964434 rgb(150,68,52)
```

Complementary Color

#349675
```
#349675 rgb(52,150,117)
```
#348696
```
#348696 rgb(52,134,150)
```
#345596
```
#345596 rgb(52,85,150)
```

Analogous Color

#967534
```
#967534 rgb(150,117,52)
```
#348696
```
#348696 rgb(52,134,150)
```
#963455
```
#963455 rgb(150,52,85)
```

Split Complementary Color

#869634
```
#869634 rgb(134,150,52)
```
#348696
```
#348696 rgb(52,134,150)
```
#963486
```
#963486 rgb(150,52,134)
```

Triadic Color

#349644
```
#349644 rgb(52,150,68)
```
#348696
```
#348696 rgb(52,134,150)
```
#963486
```
#963486 rgb(150,52,134)
```
#964434
```
#964434 rgb(150,68,52)
```

Tetradic Color

#20535d
```
#20535d rgb(32,83,93)
```
#276470
```
#276470 rgb(39,100,112)
```
#2d7583
```
#2d7583 rgb(45,117,131)
```
#348696
```
#348696 rgb(52,134,150)
```
#3b97a9
```
#3b97a9 rgb(59,151,169)
```
#41a8bc
```
#41a8bc rgb(65,168,188)
```
#53b1c3
```
#53b1c3 rgb(83,177,195)
```

Monochromatic Color

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

#34968e
```
#34968e rgb(52,150,142)
```
#349696
```
#349696 rgb(52,150,150)
```
#348e96
```
#348e96 rgb(52,142,150)
```
#348696
```
#348696 rgb(52,134,150)
```
#347e96
```
#347e96 rgb(52,126,150)
```
#347696
```
#347696 rgb(52,118,150)
```
#346e96
```
#346e96 rgb(52,110,150)
```

Similar Colors

Text with hexadecimal color #348696

This text has a font color of #348696.

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

#348696 background color

This paragraph has a background color of #348696.

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

#348696 border color

This element has a border color of #348696.

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

CSS codes

.text {color:#348696;}

.background {background-color:#348696;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071113
```
#071113 rgb(7,17,19)
```
#0c1e21
```
#0c1e21 rgb(12,30,33)
```
#112b30
```
#112b30 rgb(17,43,48)
```
#16383f
```
#16383f rgb(22,56,63)
```
#1b454d
```
#1b454d rgb(27,69,77)
```
#20525c
```
#20525c rgb(32,82,92)
```
#255f6a
```
#255f6a rgb(37,95,106)
```
#2a6c79
```
#2a6c79 rgb(42,108,121)
```
#2f7987
```
#2f7987 rgb(47,121,135)
```
#348696
```
#348696 rgb(52,134,150)
```
#3993a5
```
#3993a5 rgb(57,147,165)
```
#3ea0b3
```
#3ea0b3 rgb(62,160,179)
```

Shade Color Variation

#46abbf
```
#46abbf rgb(70,171,191)
```
#55b2c4
```
#55b2c4 rgb(85,178,196)
```
#63b8c9
```
#63b8c9 rgb(99,184,201)
```
#72bfce
```
#72bfce rgb(114,191,206)
```
#80c6d3
```
#80c6d3 rgb(128,198,211)
```
#8fccd8
```
#8fccd8 rgb(143,204,216)
```
#9dd3dd
```
#9dd3dd rgb(157,211,221)
```
#acd9e2
```
#acd9e2 rgb(172,217,226)
```
#bbe0e7
```
#bbe0e7 rgb(187,224,231)
```
#c9e7ec
```
#c9e7ec rgb(201,231,236)
```
#d8edf1
```
#d8edf1 rgb(216,237,241)
```
#e6f4f6
```
#e6f4f6 rgb(230,244,246)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#636767
```
#636767 rgb(99,103,103)
```
#5b6c6f
```
#5b6c6f rgb(91,108,111)
```
#537177
```
#537177 rgb(83,113,119)
```
#4b767f
```
#4b767f rgb(75,118,127)
```
#447c86
```
#447c86 rgb(68,124,134)
```
#3c818e
```
#3c818e rgb(60,129,142)
```
#348696
```
#348696 rgb(52,134,150)
```
#2c8b9e
```
#2c8b9e rgb(44,139,158)
```
#2490a6
```
#2490a6 rgb(36,144,166)
```
#1d96ad
```
#1d96ad rgb(29,150,173)
```
#159bb5
```
#159bb5 rgb(21,155,181)
```
#0da0bd
```
#0da0bd rgb(13,160,189)
```
#05a5c5
```
#05a5c5 rgb(5,165,197)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#637477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8194 Protanopia 1% of men
#7e80a0 Deuteranopia 1% of men
#3b8d97 Tritanopia 0.001% of the population

Trichromacy

#638395 Protanomaly 1% of men, 0.01% of women
#63829c Deuteranomaly 6% of men, 0.4% of women
#398a96 Tritanomaly 0.01% of the population

#348696 hex color

#348696 Color Information

#348696 Color Conversion

Color Schemes with #348696

Alternatives to #348696

#348696 Preview

Shades and Tints of #348696

Tones of #348696

Color Blindness Simulator