#348e95 hex color

In a RGB color space, hex #348e95 is composed of 20.4% red, 55.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 4.7% magenta, 0% yellow and 41.6% black. It has a hue angle of 184.3 degrees, a saturation of 48.3% and a lightness of 39.4%. #348e95 color hex could be obtained by blending #68ffff with #001d2b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 56
- B 58
RGB color chart
- C 65
- M 5
- Y 0
- K 42
CMYK color chart

● #348e95 color description : Dark moderate cyan.

The hexadecimal color #348e95 has RGB values of R:52, G:142, B:149 and CMYK values of C:0.65, M:0.05, Y:0, K:0.42. Its decimal value is 3444373.

Hex triplet	348e95	`#348e95`
RGB Decimal	52, 142, 149	`rgb(52,142,149)`
RGB Percent	20.4, 55.7, 58.4	`rgb(20.4%,55.7%,58.4%)`
CMYK	65, 5, 0, 42
HSL	184.3°, 48.3, 39.4	`hsl(184.3,48.3%,39.4%)`
HSV (or HSB)	184.3°, 65.1, 58.4
Web Safe	339999	`#339999`

CIE-LAB	54.286, -23.962, -11.589
XYZ	16.512, 22.245, 31.856
xyY	0.234, 0.315, 22.245
CIE-LCH	54.286, 26.617, 205.812
CIE-LUV	54.286, -35.048, -13.55
Hunter-Lab	47.164, -20.044, -7.031
Binary	00110100, 10001110, 10010101

#348e95
```
#348e95 rgb(52,142,149)
```
#953b34
```
#953b34 rgb(149,59,52)
```

Complementary Color

#34956c
```
#34956c rgb(52,149,108)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#345e95
```
#345e95 rgb(52,94,149)
```

Analogous Color

#956c34
```
#956c34 rgb(149,108,52)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#95345e
```
#95345e rgb(149,52,94)
```

Split Complementary Color

#8e9534
```
#8e9534 rgb(142,149,52)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#95348e
```
#95348e rgb(149,52,142)
```

Triadic Color

#34953b
```
#34953b rgb(52,149,59)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#95348e
```
#95348e rgb(149,52,142)
```
#953b34
```
#953b34 rgb(149,59,52)
```

Tetradic Color

#20585c
```
#20585c rgb(32,88,92)
```
#276a6f
```
#276a6f rgb(39,106,111)
```
#2d7c82
```
#2d7c82 rgb(45,124,130)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#3ba0a8
```
#3ba0a8 rgb(59,160,168)
```
#41b2bb
```
#41b2bb rgb(65,178,187)
```
#53bbc3
```
#53bbc3 rgb(83,187,195)
```

Monochromatic Color

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

#349584
```
#349584 rgb(52,149,132)
```
#34958c
```
#34958c rgb(52,149,140)
```
#349594
```
#349594 rgb(52,149,148)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#348695
```
#348695 rgb(52,134,149)
```
#347e95
```
#347e95 rgb(52,126,149)
```
#347695
```
#347695 rgb(52,118,149)
```

Similar Colors

Text with hexadecimal color #348e95

This text has a font color of #348e95.

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

#348e95 background color

This paragraph has a background color of #348e95.

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

#348e95 border color

This element has a border color of #348e95.

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

CSS codes

.text {color:#348e95;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#061112
```
#061112 rgb(6,17,18)
```
#0b1f21
```
#0b1f21 rgb(11,31,33)
```
#102d2f
```
#102d2f rgb(16,45,47)
```
#163b3e
```
#163b3e rgb(22,59,62)
```
#1b494c
```
#1b494c rgb(27,73,76)
```
#20575b
```
#20575b rgb(32,87,91)
```
#256469
```
#256469 rgb(37,100,105)
```
#2a7278
```
#2a7278 rgb(42,114,120)
```
#2f8086
```
#2f8086 rgb(47,128,134)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#399ca4
```
#399ca4 rgb(57,156,164)
```
#3eaab2
```
#3eaab2 rgb(62,170,178)
```

Shade Color Variation

#46b6be
```
#46b6be rgb(70,182,190)
```
#54bbc3
```
#54bbc3 rgb(84,187,195)
```
#63c1c8
```
#63c1c8 rgb(99,193,200)
```
#71c7ce
```
#71c7ce rgb(113,199,206)
```
#80cdd3
```
#80cdd3 rgb(128,205,211)
```
#8ed2d8
```
#8ed2d8 rgb(142,210,216)
```
#9dd8dd
```
#9dd8dd rgb(157,216,221)
```
#abdee2
```
#abdee2 rgb(171,222,226)
```
#bae4e7
```
#bae4e7 rgb(186,228,231)
```
#c8e9ec
```
#c8e9ec rgb(200,233,236)
```
#d7eff1
```
#d7eff1 rgb(215,239,241)
```
#e6f5f6
```
#e6f5f6 rgb(230,245,246)
```
#f4fbfb
```
#f4fbfb rgb(244,251,251)
```

Tint Color Variation

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

#626667
```
#626667 rgb(98,102,103)
```
#5b6d6e
```
#5b6d6e rgb(91,109,110)
```
#537476
```
#537476 rgb(83,116,118)
```
#4b7a7e
```
#4b7a7e rgb(75,122,126)
```
#438186
```
#438186 rgb(67,129,134)
```
#3c878d
```
#3c878d rgb(60,135,141)
```
#348e95
```
#348e95 rgb(52,142,149)
```
#2c959d
```
#2c959d rgb(44,149,157)
```
#259ba4
```
#259ba4 rgb(37,155,164)
```
#1da2ac
```
#1da2ac rgb(29,162,172)
```
#15a8b4
```
#15a8b4 rgb(21,168,180)
```
#0dafbc
```
#0dafbc rgb(13,175,188)
```
#06b6c3
```
#06b6c3 rgb(6,182,195)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#67797b Atypical Achromatopsia 0.001% of the population

Dichromacy

#878793 Protanopia 1% of men
#88859f Deuteranopia 1% of men
#40939e Tritanopia 0.001% of the population

Trichromacy

#688993 Protanomaly 1% of men, 0.01% of women
#69889b Deuteranomaly 6% of men, 0.4% of women
#3c919a Tritanomaly 0.01% of the population

#348e95 hex color

#348e95 Color Information

#348e95 Color Conversion

Color Schemes with #348e95

Alternatives to #348e95

#348e95 Preview

Shades and Tints of #348e95

Tones of #348e95

Color Blindness Simulator