#348584 hex color

In a RGB color space, hex #348584 is composed of 20.4% red, 52.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 0% magenta, 0.8% yellow and 47.8% black. It has a hue angle of 179.3 degrees, a saturation of 43.8% and a lightness of 36.3%. #348584 color hex could be obtained by blending #68ffff with #000b09. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 52
- B 52
RGB color chart
- C 61
- M 0
- Y 1
- K 48
CMYK color chart

● #348584 color description : Dark moderate cyan.

The hexadecimal color #348584 has RGB values of R:52, G:133, B:132 and CMYK values of C:0.61, M:0, Y:0.01, K:0.48. Its decimal value is 3442052.

Hex triplet	348584	`#348584`
RGB Decimal	52, 133, 132	`rgb(52,133,132)`
RGB Percent	20.4, 52.2, 51.8	`rgb(20.4%,52.2%,51.8%)`
CMYK	61, 0, 1, 48
HSL	179.3°, 43.8, 36.3	`hsl(179.3,43.8%,36.3%)`
HSV (or HSB)	179.3°, 60.9, 52.2
Web Safe	339999	`#339999`

CIE-LAB	50.885, -24.447, -6.809
XYZ	13.967, 19.17, 24.793
xyY	0.241, 0.331, 19.17
CIE-LCH	50.885, 25.377, 195.564
CIE-LUV	50.885, -32.553, -6.187
Hunter-Lab	43.783, -19.678, -2.925
Binary	00110100, 10000101, 10000100

#348584
```
#348584 rgb(52,133,132)
```
#853435
```
#853435 rgb(133,52,53)
```

Complementary Color

#34855c
```
#34855c rgb(52,133,92)
```
#348584
```
#348584 rgb(52,133,132)
```
#345e85
```
#345e85 rgb(52,94,133)
```

Analogous Color

#855c34
```
#855c34 rgb(133,92,52)
```
#348584
```
#348584 rgb(52,133,132)
```
#85345e
```
#85345e rgb(133,52,94)
```

Split Complementary Color

#858434
```
#858434 rgb(133,132,52)
```
#348584
```
#348584 rgb(52,133,132)
```
#843485
```
#843485 rgb(132,52,133)
```

Triadic Color

#358534
```
#358534 rgb(53,133,52)
```
#348584
```
#348584 rgb(52,133,132)
```
#843485
```
#843485 rgb(132,52,133)
```
#853435
```
#853435 rgb(133,52,53)
```

Tetradic Color

#1e4e4d
```
#1e4e4d rgb(30,78,77)
```
#266060
```
#266060 rgb(38,96,96)
```
#2d7372
```
#2d7372 rgb(45,115,114)
```
#348584
```
#348584 rgb(52,133,132)
```
#3b9796
```
#3b9796 rgb(59,151,150)
```
#42aaa8
```
#42aaa8 rgb(66,170,168)
```
#4cb9b8
```
#4cb9b8 rgb(76,185,184)
```

Monochromatic Color

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

#348570
```
#348570 rgb(52,133,112)
```
#348577
```
#348577 rgb(52,133,119)
```
#34857d
```
#34857d rgb(52,133,125)
```
#348584
```
#348584 rgb(52,133,132)
```
#347f85
```
#347f85 rgb(52,127,133)
```
#347985
```
#347985 rgb(52,121,133)
```
#347285
```
#347285 rgb(52,114,133)
```

Similar Colors

Text with hexadecimal color #348584

This text has a font color of #348584.

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

#348584 background color

This paragraph has a background color of #348584.

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

#348584 border color

This element has a border color of #348584.

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

CSS codes

.text {color:#348584;}

.background {background-color:#348584;}

.border {border:1px solid #348584;}

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

#020606
```
#020606 rgb(2,6,6)
```
#081414
```
#081414 rgb(8,20,20)
```
#0d2222
```
#0d2222 rgb(13,34,34)
```
#133030
```
#133030 rgb(19,48,48)
```
#183e3e
```
#183e3e rgb(24,62,62)
```
#1e4d4c
```
#1e4d4c rgb(30,77,76)
```
#235b5a
```
#235b5a rgb(35,91,90)
```
#296968
```
#296968 rgb(41,105,104)
```
#2e7776
```
#2e7776 rgb(46,119,118)
```
#348584
```
#348584 rgb(52,133,132)
```
#3a9392
```
#3a9392 rgb(58,147,146)
```
#3fa1a0
```
#3fa1a0 rgb(63,161,160)
```
#45afae
```
#45afae rgb(69,175,174)
```

Shade Color Variation

#4ebab8
```
#4ebab8 rgb(78,186,184)
```
#5cbfbe
```
#5cbfbe rgb(92,191,190)
```
#6ac5c4
```
#6ac5c4 rgb(106,197,196)
```
#78cac9
```
#78cac9 rgb(120,202,201)
```
#86d0cf
```
#86d0cf rgb(134,208,207)
```
#94d5d4
```
#94d5d4 rgb(148,213,212)
```
#a2dbda
```
#a2dbda rgb(162,219,218)
```
#b0e0e0
```
#b0e0e0 rgb(176,224,224)
```
#bfe6e5
```
#bfe6e5 rgb(191,230,229)
```
#cdebeb
```
#cdebeb rgb(205,235,235)
```
#dbf1f1
```
#dbf1f1 rgb(219,241,241)
```
#e9f6f6
```
#e9f6f6 rgb(233,246,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#586161
```
#586161 rgb(88,97,97)
```
#506968
```
#506968 rgb(80,105,104)
```
#49706f
```
#49706f rgb(73,112,111)
```
#427776
```
#427776 rgb(66,119,118)
```
#3b7e7d
```
#3b7e7d rgb(59,126,125)
```
#348584
```
#348584 rgb(52,133,132)
```
#2d8c8b
```
#2d8c8b rgb(45,140,139)
```
#269392
```
#269392 rgb(38,147,146)
```
#1f9a99
```
#1f9a99 rgb(31,154,153)
```
#18a1a0
```
#18a1a0 rgb(24,161,160)
```
#10a9a7
```
#10a9a7 rgb(16,169,167)
```
#09b0ae
```
#09b0ae rgb(9,176,174)
```
#02b7b5
```
#02b7b5 rgb(2,183,181)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#627272 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817f83 Protanopia 1% of men
#847d8f Deuteranopia 1% of men
#438993 Tritanopia 0.001% of the population

Trichromacy

#658183 Protanomaly 1% of men, 0.01% of women
#677f8b Deuteranomaly 6% of men, 0.4% of women
#3d888e Tritanomaly 0.01% of the population

#348584 hex color

#348584 Color Information

#348584 Color Conversion

Color Schemes with #348584

Alternatives to #348584

#348584 Preview

Shades and Tints of #348584

Tones of #348584

Color Blindness Simulator