#348796 hex color

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

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

● #348796 color description : Dark moderate cyan.

The hexadecimal color #348796 has RGB values of R:52, G:135, B:150 and CMYK values of C:0.65, M:0.1, Y:0, K:0.41. Its decimal value is 3442582.

Hex triplet	348796	`#348796`
RGB Decimal	52, 135, 150	`rgb(52,135,150)`
RGB Percent	20.4, 52.9, 58.8	`rgb(20.4%,52.9%,58.8%)`
CMYK	65, 10, 0, 41
HSL	189.2°, 48.5, 39.6	`hsl(189.2,48.5%,39.6%)`
HSV (or HSB)	189.2°, 65.3, 58.8
Web Safe	339999	`#339999`

CIE-LAB	52.129, -19.996, -15.428
XYZ	15.584, 20.259, 31.942
xyY	0.23, 0.299, 20.259
CIE-LCH	52.129, 25.256, 217.652
CIE-LUV	52.129, -32.353, -19.853
Hunter-Lab	45.01, -16.965, -10.569
Binary	00110100, 10000111, 10010110

#348796
```
#348796 rgb(52,135,150)
```
#964334
```
#964334 rgb(150,67,52)
```

Complementary Color

#349674
```
#349674 rgb(52,150,116)
```
#348796
```
#348796 rgb(52,135,150)
```
#345696
```
#345696 rgb(52,86,150)
```

Analogous Color

#967434
```
#967434 rgb(150,116,52)
```
#348796
```
#348796 rgb(52,135,150)
```
#963456
```
#963456 rgb(150,52,86)
```

Split Complementary Color

#879634
```
#879634 rgb(135,150,52)
```
#348796
```
#348796 rgb(52,135,150)
```
#963487
```
#963487 rgb(150,52,135)
```

Triadic Color

#349643
```
#349643 rgb(52,150,67)
```
#348796
```
#348796 rgb(52,135,150)
```
#963487
```
#963487 rgb(150,52,135)
```
#964334
```
#964334 rgb(150,67,52)
```

Tetradic Color

#20545d
```
#20545d rgb(32,84,93)
```
#276570
```
#276570 rgb(39,101,112)
```
#2d7683
```
#2d7683 rgb(45,118,131)
```
#348796
```
#348796 rgb(52,135,150)
```
#3b98a9
```
#3b98a9 rgb(59,152,169)
```
#41a9bc
```
#41a9bc rgb(65,169,188)
```
#53b2c3
```
#53b2c3 rgb(83,178,195)
```

Monochromatic Color

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

#34968d
```
#34968d rgb(52,150,141)
```
#349695
```
#349695 rgb(52,150,149)
```
#348f96
```
#348f96 rgb(52,143,150)
```
#348796
```
#348796 rgb(52,135,150)
```
#347f96
```
#347f96 rgb(52,127,150)
```
#347796
```
#347796 rgb(52,119,150)
```
#346f96
```
#346f96 rgb(52,111,150)
```

Similar Colors

Text with hexadecimal color #348796

This text has a font color of #348796.

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

#348796 background color

This paragraph has a background color of #348796.

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

#348796 border color

This element has a border color of #348796.

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

CSS codes

.text {color:#348796;}

.background {background-color:#348796;}

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

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)
```
#20535c
```
#20535c rgb(32,83,92)
```
#25606a
```
#25606a rgb(37,96,106)
```
#2a6d79
```
#2a6d79 rgb(42,109,121)
```
#2f7a87
```
#2f7a87 rgb(47,122,135)
```
#348796
```
#348796 rgb(52,135,150)
```
#3994a5
```
#3994a5 rgb(57,148,165)
```
#3ea1b3
```
#3ea1b3 rgb(62,161,179)
```

Shade Color Variation

#46acbf
```
#46acbf rgb(70,172,191)
```
#55b3c4
```
#55b3c4 rgb(85,179,196)
```
#63b9c9
```
#63b9c9 rgb(99,185,201)
```
#72c0ce
```
#72c0ce rgb(114,192,206)
```
#80c6d3
```
#80c6d3 rgb(128,198,211)
```
#8fcdd8
```
#8fcdd8 rgb(143,205,216)
```
#9dd3dd
```
#9dd3dd rgb(157,211,221)
```
#acdae2
```
#acdae2 rgb(172,218,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 #05a7c5 is the most saturated one.

#636767
```
#636767 rgb(99,103,103)
```
#5b6c6f
```
#5b6c6f rgb(91,108,111)
```
#537177
```
#537177 rgb(83,113,119)
```
#4b777f
```
#4b777f rgb(75,119,127)
```
#447c86
```
#447c86 rgb(68,124,134)
```
#3c828e
```
#3c828e rgb(60,130,142)
```
#348796
```
#348796 rgb(52,135,150)
```
#2c8c9e
```
#2c8c9e rgb(44,140,158)
```
#2492a6
```
#2492a6 rgb(36,146,166)
```
#1d97ad
```
#1d97ad rgb(29,151,173)
```
#159db5
```
#159db5 rgb(21,157,181)
```
#0da2bd
```
#0da2bd rgb(13,162,189)
```
#05a7c5
```
#05a7c5 rgb(5,167,197)
```

Tone Color Variation

Below, you can see how #348796 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
#647578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8294 Protanopia 1% of men
#7f80a0 Deuteranopia 1% of men
#3c8d98 Tritanopia 0.001% of the population

Trichromacy

#648395 Protanomaly 1% of men, 0.01% of women
#64839c Deuteranomaly 6% of men, 0.4% of women
#398b97 Tritanomaly 0.01% of the population

#348796 hex color

#348796 Color Information

#348796 Color Conversion

Color Schemes with #348796

Alternatives to #348796

#348796 Preview

Shades and Tints of #348796

Tones of #348796

Color Blindness Simulator