#348c88 hex color

In a RGB color space, hex #348c88 is composed of 20.4% red, 54.9% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 62.9% cyan, 0% magenta, 2.9% yellow and 45.1% black. It has a hue angle of 177.3 degrees, a saturation of 45.8% and a lightness of 37.6%. #348c88 color hex could be obtained by blending #68ffff with #001911. 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

● #348c88 color description : Dark moderate cyan.

The hexadecimal color #348c88 has RGB values of R:52, G:140, B:136 and CMYK values of C:0.63, M:0, Y:0.03, K:0.45. Its decimal value is 3443848.

Hex triplet	348c88	`#348c88`
RGB Decimal	52, 140, 136	`rgb(52,140,136)`
RGB Percent	20.4, 54.9, 53.3	`rgb(20.4%,54.9%,53.3%)`
CMYK	63, 0, 3, 45
HSL	177.3°, 45.8, 37.6	`hsl(177.3,45.8%,37.6%)`
HSV (or HSB)	177.3°, 62.9, 54.9
Web Safe	339999	`#339999`

CIE-LAB	53.236, -26.813, -5.643
XYZ	15.237, 21.263, 26.592
xyY	0.242, 0.337, 21.263
CIE-LCH	53.236, 27.401, 191.885
CIE-LUV	53.236, -35.023, -4.189
Hunter-Lab	46.111, -21.712, -1.914
Binary	00110100, 10001100, 10001000

#348c88
```
#348c88 rgb(52,140,136)
```
#8c3438
```
#8c3438 rgb(140,52,56)
```

Complementary Color

#348c5c
```
#348c5c rgb(52,140,92)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#34648c
```
#34648c rgb(52,100,140)
```

Analogous Color

#8c5c34
```
#8c5c34 rgb(140,92,52)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#8c3464
```
#8c3464 rgb(140,52,100)
```

Split Complementary Color

#8c8834
```
#8c8834 rgb(140,136,52)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#88348c
```
#88348c rgb(136,52,140)
```

Triadic Color

#388c34
```
#388c34 rgb(56,140,52)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#88348c
```
#88348c rgb(136,52,140)
```
#8c3438
```
#8c3438 rgb(140,52,56)
```

Tetradic Color

#1f5452
```
#1f5452 rgb(31,84,82)
```
#266764
```
#266764 rgb(38,103,100)
```
#2d7976
```
#2d7976 rgb(45,121,118)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#3b9f9a
```
#3b9f9a rgb(59,159,154)
```
#42b1ac
```
#42b1ac rgb(66,177,172)
```
#4fbeb9
```
#4fbeb9 rgb(79,190,185)
```

Monochromatic Color

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

#348c72
```
#348c72 rgb(52,140,114)
```
#348c79
```
#348c79 rgb(52,140,121)
```
#348c81
```
#348c81 rgb(52,140,129)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#34898c
```
#34898c rgb(52,137,140)
```
#34818c
```
#34818c rgb(52,129,140)
```
#347a8c
```
#347a8c rgb(52,122,140)
```

Similar Colors

Text with hexadecimal color #348c88

This text has a font color of #348c88.

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

#348c88 background color

This paragraph has a background color of #348c88.

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

#348c88 border color

This element has a border color of #348c88.

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

CSS codes

.text {color:#348c88;}

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

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

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

#040b0b
```
#040b0b rgb(4,11,11)
```
#091a19
```
#091a19 rgb(9,26,25)
```
#0f2827
```
#0f2827 rgb(15,40,39)
```
#143635
```
#143635 rgb(20,54,53)
```
#194443
```
#194443 rgb(25,68,67)
```
#1f5350
```
#1f5350 rgb(31,83,80)
```
#24615e
```
#24615e rgb(36,97,94)
```
#296f6c
```
#296f6c rgb(41,111,108)
```
#2f7e7a
```
#2f7e7a rgb(47,126,122)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#399a96
```
#399a96 rgb(57,154,150)
```
#3fa9a4
```
#3fa9a4 rgb(63,169,164)
```
#44b7b2
```
#44b7b2 rgb(68,183,178)
```

Shade Color Variation

#50beb9
```
#50beb9 rgb(80,190,185)
```
#5fc3bf
```
#5fc3bf rgb(95,195,191)
```
#6dc9c5
```
#6dc9c5 rgb(109,201,197)
```
#7bceca
```
#7bceca rgb(123,206,202)
```
#8ad3d0
```
#8ad3d0 rgb(138,211,208)
```
#98d9d6
```
#98d9d6 rgb(152,217,214)
```
#a6dedb
```
#a6dedb rgb(166,222,219)
```
#b4e3e1
```
#b4e3e1 rgb(180,227,225)
```
#c3e9e7
```
#c3e9e7 rgb(195,233,231)
```
#d1eeed
```
#d1eeed rgb(209,238,237)
```
#dff3f2
```
#dff3f2 rgb(223,243,242)
```
#eef9f8
```
#eef9f8 rgb(238,249,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#596766
```
#596766 rgb(89,103,102)
```
#526e6d
```
#526e6d rgb(82,110,109)
```
#4a7674
```
#4a7674 rgb(74,118,116)
```
#437d7b
```
#437d7b rgb(67,125,123)
```
#3b8581
```
#3b8581 rgb(59,133,129)
```
#348c88
```
#348c88 rgb(52,140,136)
```
#2d938f
```
#2d938f rgb(45,147,143)
```
#259b95
```
#259b95 rgb(37,155,149)
```
#1ea29c
```
#1ea29c rgb(30,162,156)
```
#16aaa3
```
#16aaa3 rgb(22,170,163)
```
#0fb1aa
```
#0fb1aa rgb(15,177,170)
```
#08b8b0
```
#08b8b0 rgb(8,184,176)
```
#00c0b7
```
#00c0b7 rgb(0,192,183)
```

Tone Color Variation

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

Dichromacy

#878587 Protanopia 1% of men
#8b8293 Deuteranopia 1% of men
#45909a Tritanopia 0.001% of the population

Trichromacy

#698787 Protanomaly 1% of men, 0.01% of women
#6b858f Deuteranomaly 6% of men, 0.4% of women
#3f8e93 Tritanomaly 0.01% of the population

#348c88 hex color

#348c88 Color Information

#348c88 Color Conversion

Color Schemes with #348c88

Alternatives to #348c88

#348c88 Preview

Shades and Tints of #348c88

Tones of #348c88

Color Blindness Simulator