colorhexa.com

#348a89 hex color

In a RGB color space, hex #348a89 is composed of 20.4% red, 54.1% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 0% magenta, 0.7% yellow and 45.9% black. It has a hue angle of 179.3 degrees, a saturation of 45.3% and a lightness of 37.3%. #348a89 color hex could be obtained by blending #68ffff with #001513. Closest websafe color is: #339999.

- R 20
- G 54
- B 54
RGB color chart
- C 62
- M 0
- Y 1
- K 46
CMYK color chart

● #348a89 color description : Dark moderate cyan.

The hexadecimal color #348a89 has RGB values of R:52, G:138, B:137 and CMYK values of C:0.62, M:0, Y:0.01, K:0.46. Its decimal value is 3443337.

Hex triplet	348a89	`#348a89`
RGB Decimal	52, 138, 137	`rgb(52,138,137)`
RGB Percent	20.4, 54.1, 53.7	`rgb(20.4%,54.1%,53.7%)`
CMYK	62, 0, 1, 46
HSL	179.3°, 45.3, 37.3	`hsl(179.3,45.3%,37.3%)`
HSV (or HSB)	179.3°, 62.3, 54.1
Web Safe	339999	`#339999`

CIE-LAB	52.633, -25.517, -7.119
XYZ	15.019, 20.712, 26.872
xyY	0.24, 0.331, 20.712
CIE-LCH	52.633, 26.492, 195.589
CIE-LUV	52.633, -34.202, -6.54
Hunter-Lab	45.51, -20.737, -3.151
Binary	00110100, 10001010, 10001001

#348a89
```
#348a89 rgb(52,138,137)
```
#8a3435
```
#8a3435 rgb(138,52,53)
```

Complementary Color

#348a5e
```
#348a5e rgb(52,138,94)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#34608a
```
#34608a rgb(52,96,138)
```

Analogous Color

#8a5e34
```
#8a5e34 rgb(138,94,52)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#8a3460
```
#8a3460 rgb(138,52,96)
```

Split Complementary Color

#8a8934
```
#8a8934 rgb(138,137,52)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#89348a
```
#89348a rgb(137,52,138)
```

Triadic Color

#358a34
```
#358a34 rgb(53,138,52)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#89348a
```
#89348a rgb(137,52,138)
```
#8a3435
```
#8a3435 rgb(138,52,53)
```

Tetradic Color

#1f5252
```
#1f5252 rgb(31,82,82)
```
#266564
```
#266564 rgb(38,101,100)
```
#2d7777
```
#2d7777 rgb(45,119,119)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#3b9d9b
```
#3b9d9b rgb(59,157,155)
```
#42afae
```
#42afae rgb(66,175,174)
```
#4ebcbb
```
#4ebcbb rgb(78,188,187)
```

Monochromatic Color

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

#348a74
```
#348a74 rgb(52,138,116)
```
#348a7b
```
#348a7b rgb(52,138,123)
```
#348a82
```
#348a82 rgb(52,138,130)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#34848a
```
#34848a rgb(52,132,138)
```
#347d8a
```
#347d8a rgb(52,125,138)
```
#34768a
```
#34768a rgb(52,118,138)
```

Similar Colors

Text with hexadecimal color #348a89

This text has a font color of #348a89.

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

#348a89 background color

This paragraph has a background color of #348a89.

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

#348a89 border color

This element has a border color of #348a89.

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

CSS codes

.text {color:#348a89;}

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

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

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

#040a0a
```
#040a0a rgb(4,10,10)
```
#091818
```
#091818 rgb(9,24,24)
```
#0e2626
```
#0e2626 rgb(14,38,38)
```
#143534
```
#143534 rgb(20,53,52)
```
#194342
```
#194342 rgb(25,67,66)
```
#1f5150
```
#1f5150 rgb(31,81,80)
```
#245f5f
```
#245f5f rgb(36,95,95)
```
#296e6d
```
#296e6d rgb(41,110,109)
```
#2f7c7b
```
#2f7c7b rgb(47,124,123)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#399897
```
#399897 rgb(57,152,151)
```
#3fa6a5
```
#3fa6a5 rgb(63,166,165)
```
#44b5b3
```
#44b5b3 rgb(68,181,179)
```

Shade Color Variation

#50bdbc
```
#50bdbc rgb(80,189,188)
```
#5ec2c1
```
#5ec2c1 rgb(94,194,193)
```
#6cc8c7
```
#6cc8c7 rgb(108,200,199)
```
#7acdcc
```
#7acdcc rgb(122,205,204)
```
#89d2d2
```
#89d2d2 rgb(137,210,210)
```
#97d8d7
```
#97d8d7 rgb(151,216,215)
```
#a5dddc
```
#a5dddc rgb(165,221,220)
```
#b3e2e2
```
#b3e2e2 rgb(179,226,226)
```
#c2e8e7
```
#c2e8e7 rgb(194,232,231)
```
#d0eded
```
#d0eded rgb(208,237,237)
```
#def3f2
```
#def3f2 rgb(222,243,242)
```
#ecf8f8
```
#ecf8f8 rgb(236,248,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#596565
```
#596565 rgb(89,101,101)
```
#516d6c
```
#516d6c rgb(81,109,108)
```
#4a7474
```
#4a7474 rgb(74,116,116)
```
#437b7b
```
#437b7b rgb(67,123,123)
```
#3b8382
```
#3b8382 rgb(59,131,130)
```
#348a89
```
#348a89 rgb(52,138,137)
```
#2d9190
```
#2d9190 rgb(45,145,144)
```
#259997
```
#259997 rgb(37,153,151)
```
#1ea09e
```
#1ea09e rgb(30,160,158)
```
#17a7a6
```
#17a7a6 rgb(23,167,166)
```
#0fafad
```
#0fafad rgb(15,175,173)
```
#08b6b4
```
#08b6b4 rgb(8,182,180)
```
#01bdbb
```
#01bdbb rgb(1,189,187)
```

Tone Color Variation

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

Dichromacy

#858388 Protanopia 1% of men
#888194 Deuteranopia 1% of men
#438e98 Tritanopia 0.001% of the population

Trichromacy

#678588 Protanomaly 1% of men, 0.01% of women
#698490 Deuteranomaly 6% of men, 0.4% of women
#3e8c93 Tritanomaly 0.01% of the population