#348384 hex color

In a RGB color space, hex #348384 is composed of 20.4% red, 51.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 0.8% magenta, 0% yellow and 48.2% black. It has a hue angle of 180.8 degrees, a saturation of 43.5% and a lightness of 36.1%. #348384 color hex could be obtained by blending #68ffff with #000709. Closest websafe color is: #339999.

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

● #348384 color description : Dark moderate cyan.

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

Hex triplet	348384	`#348384`
RGB Decimal	52, 131, 132	`rgb(52,131,132)`
RGB Percent	20.4, 51.4, 51.8	`rgb(20.4%,51.4%,51.8%)`
CMYK	61, 1, 0, 48
HSL	180.8°, 43.5, 36.1	`hsl(180.8,43.5%,36.1%)`
HSV (or HSB)	180.8°, 60.6, 51.8
Web Safe	339999	`#339999`

CIE-LAB	50.249, -23.42, -7.758
XYZ	13.696, 18.628, 24.702
xyY	0.24, 0.327, 18.628
CIE-LCH	50.249, 24.672, 198.328
CIE-LUV	50.249, -31.78, -7.707
Hunter-Lab	43.16, -18.885, -3.723
Binary	00110100, 10000011, 10000100

#348384
```
#348384 rgb(52,131,132)
```
#843534
```
#843534 rgb(132,53,52)
```

Complementary Color

#34845d
```
#34845d rgb(52,132,93)
```
#348384
```
#348384 rgb(52,131,132)
```
#345b84
```
#345b84 rgb(52,91,132)
```

Analogous Color

#845d34
```
#845d34 rgb(132,93,52)
```
#348384
```
#348384 rgb(52,131,132)
```
#84345b
```
#84345b rgb(132,52,91)
```

Split Complementary Color

#838434
```
#838434 rgb(131,132,52)
```
#348384
```
#348384 rgb(52,131,132)
```
#843483
```
#843483 rgb(132,52,131)
```

Triadic Color

#348435
```
#348435 rgb(52,132,53)
```
#348384
```
#348384 rgb(52,131,132)
```
#843483
```
#843483 rgb(132,52,131)
```
#843534
```
#843534 rgb(132,53,52)
```

Tetradic Color

#1e4d4d
```
#1e4d4d rgb(30,77,77)
```
#265f5f
```
#265f5f rgb(38,95,95)
```
#2d7172
```
#2d7172 rgb(45,113,114)
```
#348384
```
#348384 rgb(52,131,132)
```
#3b9596
```
#3b9596 rgb(59,149,150)
```
#42a7a9
```
#42a7a9 rgb(66,167,169)
```
#4cb7b8
```
#4cb7b8 rgb(76,183,184)
```

Monochromatic Color

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

#348471
```
#348471 rgb(52,132,113)
```
#348478
```
#348478 rgb(52,132,120)
```
#34847e
```
#34847e rgb(52,132,126)
```
#348384
```
#348384 rgb(52,131,132)
```
#347c84
```
#347c84 rgb(52,124,132)
```
#347684
```
#347684 rgb(52,118,132)
```
#346f84
```
#346f84 rgb(52,111,132)
```

Similar Colors

Text with hexadecimal color #348384

This text has a font color of #348384.

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

#348384 background color

This paragraph has a background color of #348384.

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

#348384 border color

This element has a border color of #348384.

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

CSS codes

.text {color:#348384;}

.background {background-color:#348384;}

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

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

#020505
```
#020505 rgb(2,5,5)
```
#081313
```
#081313 rgb(8,19,19)
```
#0d2121
```
#0d2121 rgb(13,33,33)
```
#132f30
```
#132f30 rgb(19,47,48)
```
#183d3e
```
#183d3e rgb(24,61,62)
```
#1e4b4c
```
#1e4b4c rgb(30,75,76)
```
#23595a
```
#23595a rgb(35,89,90)
```
#296768
```
#296768 rgb(41,103,104)
```
#2e7576
```
#2e7576 rgb(46,117,118)
```
#348384
```
#348384 rgb(52,131,132)
```
#3a9192
```
#3a9192 rgb(58,145,146)
```
#3f9fa0
```
#3f9fa0 rgb(63,159,160)
```
#45adae
```
#45adae rgb(69,173,174)
```

Shade Color Variation

#4db8b9
```
#4db8b9 rgb(77,184,185)
```
#5bbdbf
```
#5bbdbf rgb(91,189,191)
```
#6ac3c4
```
#6ac3c4 rgb(106,195,196)
```
#78c9ca
```
#78c9ca rgb(120,201,202)
```
#86cecf
```
#86cecf rgb(134,206,207)
```
#94d4d5
```
#94d4d5 rgb(148,212,213)
```
#a2dada
```
#a2dada rgb(162,218,218)
```
#b0dfe0
```
#b0dfe0 rgb(176,223,224)
```
#bee5e5
```
#bee5e5 rgb(190,229,229)
```
#ccebeb
```
#ccebeb rgb(204,235,235)
```
#daf0f0
```
#daf0f0 rgb(218,240,240)
```
#e8f6f6
```
#e8f6f6 rgb(232,246,246)
```
#f6fbfc
```
#f6fbfc rgb(246,251,252)
```

Tint Color Variation

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

#576161
```
#576161 rgb(87,97,97)
```
#506768
```
#506768 rgb(80,103,104)
```
#496e6f
```
#496e6f rgb(73,110,111)
```
#427576
```
#427576 rgb(66,117,118)
```
#3b7c7d
```
#3b7c7d rgb(59,124,125)
```
#348384
```
#348384 rgb(52,131,132)
```
#2d8a8b
```
#2d8a8b rgb(45,138,139)
```
#269192
```
#269192 rgb(38,145,146)
```
#1f9899
```
#1f9899 rgb(31,152,153)
```
#189fa0
```
#189fa0 rgb(24,159,160)
```
#11a6a7
```
#11a6a7 rgb(17,166,167)
```
#0aacae
```
#0aacae rgb(10,172,174)
```
#02b3b6
```
#02b3b6 rgb(2,179,182)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#607070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7d83 Protanopia 1% of men
#817b8f Deuteranopia 1% of men
#428892 Tritanopia 0.001% of the population

Trichromacy

#637f83 Protanomaly 1% of men, 0.01% of women
#657e8b Deuteranomaly 6% of men, 0.4% of women
#3d868d Tritanomaly 0.01% of the population

#348384 hex color

#348384 Color Information

#348384 Color Conversion

Color Schemes with #348384

Alternatives to #348384

#348384 Preview

Shades and Tints of #348384

Tones of #348384

Color Blindness Simulator