#348f90 hex color

In a RGB color space, hex #348f90 is composed of 20.4% red, 56.1% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 0.7% magenta, 0% yellow and 43.5% black. It has a hue angle of 180.7 degrees, a saturation of 46.9% and a lightness of 38.4%. #348f90 color hex could be obtained by blending #68ffff with #001f21. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 56
- B 56
RGB color chart
- C 64
- M 1
- Y 0
- K 44
CMYK color chart

● #348f90 color description : Dark moderate cyan.

The hexadecimal color #348f90 has RGB values of R:52, G:143, B:144 and CMYK values of C:0.64, M:0.01, Y:0, K:0.44. Its decimal value is 3444624.

Hex triplet	348f90	`#348f90`
RGB Decimal	52, 143, 144	`rgb(52,143,144)`
RGB Percent	20.4, 56.1, 56.5	`rgb(20.4%,56.1%,56.5%)`
CMYK	64, 1, 0, 44
HSL	180.7°, 46.9, 38.4	`hsl(180.7,46.9%,38.4%)`
HSV (or HSB)	180.7°, 63.9, 56.5
Web Safe	339999	`#339999`

CIE-LAB	54.435, -25.973, -8.481
XYZ	16.271, 22.387, 29.848
xyY	0.238, 0.327, 22.387
CIE-LCH	54.435, 27.323, 198.083
CIE-LUV	54.435, -35.711, -8.561
Hunter-Lab	47.315, -21.417, -4.281
Binary	00110100, 10001111, 10010000

#348f90
```
#348f90 rgb(52,143,144)
```
#903534
```
#903534 rgb(144,53,52)
```

Complementary Color

#349063
```
#349063 rgb(52,144,99)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#346190
```
#346190 rgb(52,97,144)
```

Analogous Color

#906334
```
#906334 rgb(144,99,52)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#903461
```
#903461 rgb(144,52,97)
```

Split Complementary Color

#8f9034
```
#8f9034 rgb(143,144,52)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#90348f
```
#90348f rgb(144,52,143)
```

Triadic Color

#349035
```
#349035 rgb(52,144,53)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#90348f
```
#90348f rgb(144,52,143)
```
#903534
```
#903534 rgb(144,53,52)
```

Tetradic Color

#205758
```
#205758 rgb(32,87,88)
```
#266a6b
```
#266a6b rgb(38,106,107)
```
#2d7c7d
```
#2d7c7d rgb(45,124,125)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#3ba2a3
```
#3ba2a3 rgb(59,162,163)
```
#42b4b5
```
#42b4b5 rgb(66,180,181)
```
#51bfc0
```
#51bfc0 rgb(81,191,192)
```

Monochromatic Color

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

#34907a
```
#34907a rgb(52,144,122)
```
#349082
```
#349082 rgb(52,144,130)
```
#349089
```
#349089 rgb(52,144,137)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#348790
```
#348790 rgb(52,135,144)
```
#348090
```
#348090 rgb(52,128,144)
```
#347890
```
#347890 rgb(52,120,144)
```

Similar Colors

Text with hexadecimal color #348f90

This text has a font color of #348f90.

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

#348f90 background color

This paragraph has a background color of #348f90.

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

#348f90 border color

This element has a border color of #348f90.

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

CSS codes

.text {color:#348f90;}

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

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

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, #050e0e is the darkest color, while #ffffff is the lightest one.

#050e0e
```
#050e0e rgb(5,14,14)
```
#0a1d1d
```
#0a1d1d rgb(10,29,29)
```
#102b2b
```
#102b2b rgb(16,43,43)
```
#15393a
```
#15393a rgb(21,57,58)
```
#1a4748
```
#1a4748 rgb(26,71,72)
```
#1f5656
```
#1f5656 rgb(31,86,86)
```
#246465
```
#246465 rgb(36,100,101)
```
#2a7273
```
#2a7273 rgb(42,114,115)
```
#2f8182
```
#2f8182 rgb(47,129,130)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#399d9e
```
#399d9e rgb(57,157,158)
```
#3eacad
```
#3eacad rgb(62,172,173)
```
#44babb
```
#44babb rgb(68,186,187)
```

Shade Color Variation

#52bfc1
```
#52bfc1 rgb(82,191,193)
```
#60c5c6
```
#60c5c6 rgb(96,197,198)
```
#6fcacb
```
#6fcacb rgb(111,202,203)
```
#7dcfd0
```
#7dcfd0 rgb(125,207,208)
```
#8cd5d5
```
#8cd5d5 rgb(140,213,213)
```
#9adadb
```
#9adadb rgb(154,218,219)
```
#a8dfe0
```
#a8dfe0 rgb(168,223,224)
```
#b7e4e5
```
#b7e4e5 rgb(183,228,229)
```
#c5eaea
```
#c5eaea rgb(197,234,234)
```
#d4efef
```
#d4efef rgb(212,239,239)
```
#e2f4f5
```
#e2f4f5 rgb(226,244,245)
```
#f0fafa
```
#f0fafa rgb(240,250,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#616363
```
#616363 rgb(97,99,99)
```
#5a6a6a
```
#5a6a6a rgb(90,106,106)
```
#527272
```
#527272 rgb(82,114,114)
```
#4b7979
```
#4b7979 rgb(75,121,121)
```
#438081
```
#438081 rgb(67,128,129)
```
#3c8888
```
#3c8888 rgb(60,136,136)
```
#348f90
```
#348f90 rgb(52,143,144)
```
#2c9698
```
#2c9698 rgb(44,150,152)
```
#259e9f
```
#259e9f rgb(37,158,159)
```
#1da5a7
```
#1da5a7 rgb(29,165,167)
```
#16acae
```
#16acae rgb(22,172,174)
```
#0eb4b6
```
#0eb4b6 rgb(14,180,182)
```
#07bbbd
```
#07bbbd rgb(7,187,189)
```

Tone Color Variation

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

Dichromacy

#89878e Protanopia 1% of men
#8c859b Deuteranopia 1% of men
#43939e Tritanopia 0.001% of the population

Trichromacy

#6a8a8f Protanomaly 1% of men, 0.01% of women
#6c8897 Deuteranomaly 6% of men, 0.4% of women
#3d9199 Tritanomaly 0.01% of the population

#348f90 hex color

#348f90 Color Information

#348f90 Color Conversion

Color Schemes with #348f90

Alternatives to #348f90

#348f90 Preview

Shades and Tints of #348f90

Tones of #348f90

Color Blindness Simulator