#348b87 hex color

In a RGB color space, hex #348b87 is composed of 20.4% red, 54.5% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 2.9% yellow and 45.5% black. It has a hue angle of 177.2 degrees, a saturation of 45.5% and a lightness of 37.5%. #348b87 color hex could be obtained by blending #68ffff with #00170f. Closest websafe color is: #339999.

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

● #348b87 color description : Dark moderate cyan.

The hexadecimal color #348b87 has RGB values of R:52, G:139, B:135 and CMYK values of C:0.63, M:0, Y:0.03, K:0.45. Its decimal value is 3443591.

Hex triplet	348b87	`#348b87`
RGB Decimal	52, 139, 135	`rgb(52,139,135)`
RGB Percent	20.4, 54.5, 52.9	`rgb(20.4%,54.5%,52.9%)`
CMYK	63, 0, 3, 45
HSL	177.2°, 45.5, 37.5	`hsl(177.2,45.5%,37.5%)`
HSV (or HSB)	177.2°, 62.6, 54.5
Web Safe	339999	`#339999`

CIE-LAB	52.887, -26.603, -5.58
XYZ	15.021, 20.943, 26.171
xyY	0.242, 0.337, 20.943
CIE-LCH	52.887, 27.182, 191.846
CIE-LUV	52.887, -34.696, -4.121
Hunter-Lab	45.764, -21.499, -1.872
Binary	00110100, 10001011, 10000111

#348b87
```
#348b87 rgb(52,139,135)
```
#8b3438
```
#8b3438 rgb(139,52,56)
```

Complementary Color

#348b5c
```
#348b5c rgb(52,139,92)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#34648b
```
#34648b rgb(52,100,139)
```

Analogous Color

#8b5c34
```
#8b5c34 rgb(139,92,52)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#8b3464
```
#8b3464 rgb(139,52,100)
```

Split Complementary Color

#8b8734
```
#8b8734 rgb(139,135,52)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#87348b
```
#87348b rgb(135,52,139)
```

Triadic Color

#388b34
```
#388b34 rgb(56,139,52)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#87348b
```
#87348b rgb(135,52,139)
```
#8b3438
```
#8b3438 rgb(139,52,56)
```

Tetradic Color

#1f5351
```
#1f5351 rgb(31,83,81)
```
#266663
```
#266663 rgb(38,102,99)
```
#2d7875
```
#2d7875 rgb(45,120,117)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#3b9e99
```
#3b9e99 rgb(59,158,153)
```
#42b0ab
```
#42b0ab rgb(66,176,171)
```
#4fbdb8
```
#4fbdb8 rgb(79,189,184)
```

Monochromatic Color

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

#348b71
```
#348b71 rgb(52,139,113)
```
#348b79
```
#348b79 rgb(52,139,121)
```
#348b80
```
#348b80 rgb(52,139,128)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#34888b
```
#34888b rgb(52,136,139)
```
#34818b
```
#34818b rgb(52,129,139)
```
#34798b
```
#34798b rgb(52,121,139)
```

Similar Colors

Text with hexadecimal color #348b87

This text has a font color of #348b87.

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

#348b87 background color

This paragraph has a background color of #348b87.

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

#348b87 border color

This element has a border color of #348b87.

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

CSS codes

.text {color:#348b87;}

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

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

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

#040b0a
```
#040b0a rgb(4,11,10)
```
#091918
```
#091918 rgb(9,25,24)
```
#0f2726
```
#0f2726 rgb(15,39,38)
```
#143534
```
#143534 rgb(20,53,52)
```
#194442
```
#194442 rgb(25,68,66)
```
#1f5250
```
#1f5250 rgb(31,82,80)
```
#24605d
```
#24605d rgb(36,96,93)
```
#296e6b
```
#296e6b rgb(41,110,107)
```
#2f7d79
```
#2f7d79 rgb(47,125,121)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#399995
```
#399995 rgb(57,153,149)
```
#3fa8a3
```
#3fa8a3 rgb(63,168,163)
```
#44b6b1
```
#44b6b1 rgb(68,182,177)
```

Shade Color Variation

#50beb8
```
#50beb8 rgb(80,190,184)
```
#5ec3be
```
#5ec3be rgb(94,195,190)
```
#6cc8c4
```
#6cc8c4 rgb(108,200,196)
```
#7bceca
```
#7bceca rgb(123,206,202)
```
#89d3cf
```
#89d3cf rgb(137,211,207)
```
#97d8d5
```
#97d8d5 rgb(151,216,213)
```
#a6dedb
```
#a6dedb rgb(166,222,219)
```
#b4e3e1
```
#b4e3e1 rgb(180,227,225)
```
#c2e8e6
```
#c2e8e6 rgb(194,232,230)
```
#d0eeec
```
#d0eeec rgb(208,238,236)
```
#dff3f2
```
#dff3f2 rgb(223,243,242)
```
#edf8f8
```
#edf8f8 rgb(237,248,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#596666
```
#596666 rgb(89,102,102)
```
#516e6c
```
#516e6c rgb(81,110,108)
```
#4a7573
```
#4a7573 rgb(74,117,115)
```
#437c7a
```
#437c7a rgb(67,124,122)
```
#3b8480
```
#3b8480 rgb(59,132,128)
```
#348b87
```
#348b87 rgb(52,139,135)
```
#2d928e
```
#2d928e rgb(45,146,142)
```
#259a94
```
#259a94 rgb(37,154,148)
```
#1ea19b
```
#1ea19b rgb(30,161,155)
```
#17a8a2
```
#17a8a2 rgb(23,168,162)
```
#0fb0a8
```
#0fb0a8 rgb(15,176,168)
```
#08b7af
```
#08b7af rgb(8,183,175)
```
#01beb6
```
#01beb6 rgb(1,190,182)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#657675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868486 Protanopia 1% of men
#8a8192 Deuteranopia 1% of men
#458f99 Tritanopia 0.001% of the population

Trichromacy

#688686 Protanomaly 1% of men, 0.01% of women
#6b858e Deuteranomaly 6% of men, 0.4% of women
#3e8d92 Tritanomaly 0.01% of the population

#348b87 hex color

#348b87 Color Information

#348b87 Color Conversion

Color Schemes with #348b87

Alternatives to #348b87

#348b87 Preview

Shades and Tints of #348b87

Tones of #348b87

Color Blindness Simulator