#348884 hex color

In a RGB color space, hex #348884 is composed of 20.4% red, 53.3% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 0% magenta, 2.9% yellow and 46.7% black. It has a hue angle of 177.1 degrees, a saturation of 44.7% and a lightness of 36.9%. #348884 color hex could be obtained by blending #68ffff with #001109. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 53
- B 52
RGB color chart
- C 62
- M 0
- Y 3
- K 47
CMYK color chart

● #348884 color description : Dark moderate cyan.

The hexadecimal color #348884 has RGB values of R:52, G:136, B:132 and CMYK values of C:0.62, M:0, Y:0.03, K:0.47. Its decimal value is 3442820.

Hex triplet	348884	`#348884`
RGB Decimal	52, 136, 132	`rgb(52,136,132)`
RGB Percent	20.4, 53.3, 51.8	`rgb(20.4%,53.3%,51.8%)`
CMYK	62, 0, 3, 47
HSL	177.1°, 44.7, 36.9	`hsl(177.1,44.7%,36.9%)`
HSV (or HSB)	177.1°, 61.8, 53.3
Web Safe	339999	`#339999`

CIE-LAB	51.841, -25.967, -5.389
XYZ	14.384, 20.003, 24.931
xyY	0.242, 0.337, 20.003
CIE-LCH	51.841, 26.52, 191.725
CIE-LUV	51.841, -33.709, -3.913
Hunter-Lab	44.725, -20.861, -1.743
Binary	00110100, 10001000, 10000100

#348884
```
#348884 rgb(52,136,132)
```
#883438
```
#883438 rgb(136,52,56)
```

Complementary Color

#34885a
```
#34885a rgb(52,136,90)
```
#348884
```
#348884 rgb(52,136,132)
```
#346288
```
#346288 rgb(52,98,136)
```

Analogous Color

#885a34
```
#885a34 rgb(136,90,52)
```
#348884
```
#348884 rgb(52,136,132)
```
#883462
```
#883462 rgb(136,52,98)
```

Split Complementary Color

#888434
```
#888434 rgb(136,132,52)
```
#348884
```
#348884 rgb(52,136,132)
```
#843488
```
#843488 rgb(132,52,136)
```

Triadic Color

#388834
```
#388834 rgb(56,136,52)
```
#348884
```
#348884 rgb(52,136,132)
```
#843488
```
#843488 rgb(132,52,136)
```
#883438
```
#883438 rgb(136,52,56)
```

Tetradic Color

#1f514e
```
#1f514e rgb(31,81,78)
```
#266360
```
#266360 rgb(38,99,96)
```
#2d7672
```
#2d7672 rgb(45,118,114)
```
#348884
```
#348884 rgb(52,136,132)
```
#3b9a96
```
#3b9a96 rgb(59,154,150)
```
#42ada8
```
#42ada8 rgb(66,173,168)
```
#4dbbb6
```
#4dbbb6 rgb(77,187,182)
```

Monochromatic Color

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

#34886f
```
#34886f rgb(52,136,111)
```
#348876
```
#348876 rgb(52,136,118)
```
#34887d
```
#34887d rgb(52,136,125)
```
#348884
```
#348884 rgb(52,136,132)
```
#348588
```
#348588 rgb(52,133,136)
```
#347e88
```
#347e88 rgb(52,126,136)
```
#347788
```
#347788 rgb(52,119,136)
```

Similar Colors

Text with hexadecimal color #348884

This text has a font color of #348884.

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

#348884 background color

This paragraph has a background color of #348884.

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

#348884 border color

This element has a border color of #348884.

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

CSS codes

.text {color:#348884;}

.background {background-color:#348884;}

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

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

#030808
```
#030808 rgb(3,8,8)
```
#091616
```
#091616 rgb(9,22,22)
```
#0e2524
```
#0e2524 rgb(14,37,36)
```
#133331
```
#133331 rgb(19,51,49)
```
#19413f
```
#19413f rgb(25,65,63)
```
#1e4f4d
```
#1e4f4d rgb(30,79,77)
```
#245d5b
```
#245d5b rgb(36,93,91)
```
#296c68
```
#296c68 rgb(41,108,104)
```
#2f7a76
```
#2f7a76 rgb(47,122,118)
```
#348884
```
#348884 rgb(52,136,132)
```
#399692
```
#399692 rgb(57,150,146)
```
#3fa4a0
```
#3fa4a0 rgb(63,164,160)
```
#44b3ad
```
#44b3ad rgb(68,179,173)
```

Shade Color Variation

#4fbcb6
```
#4fbcb6 rgb(79,188,182)
```
#5dc1bc
```
#5dc1bc rgb(93,193,188)
```
#6bc6c2
```
#6bc6c2 rgb(107,198,194)
```
#79ccc8
```
#79ccc8 rgb(121,204,200)
```
#88d1ce
```
#88d1ce rgb(136,209,206)
```
#96d7d4
```
#96d7d4 rgb(150,215,212)
```
#a4dcda
```
#a4dcda rgb(164,220,218)
```
#b2e2df
```
#b2e2df rgb(178,226,223)
```
#c0e7e5
```
#c0e7e5 rgb(192,231,229)
```
#cfeceb
```
#cfeceb rgb(207,236,235)
```
#ddf2f1
```
#ddf2f1 rgb(221,242,241)
```
#ebf7f7
```
#ebf7f7 rgb(235,247,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#586463
```
#586463 rgb(88,100,99)
```
#516b6a
```
#516b6a rgb(81,107,106)
```
#4a7270
```
#4a7270 rgb(74,114,112)
```
#427a77
```
#427a77 rgb(66,122,119)
```
#3b817d
```
#3b817d rgb(59,129,125)
```
#348884
```
#348884 rgb(52,136,132)
```
#2d8f8b
```
#2d8f8b rgb(45,143,139)
```
#269691
```
#269691 rgb(38,150,145)
```
#1e9e98
```
#1e9e98 rgb(30,158,152)
```
#17a59e
```
#17a59e rgb(23,165,158)
```
#10aca5
```
#10aca5 rgb(16,172,165)
```
#09b3ab
```
#09b3ab rgb(9,179,171)
```
#01bbb2
```
#01bbb2 rgb(1,187,178)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#627372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#848183 Protanopia 1% of men
#877f8f Deuteranopia 1% of men
#448c96 Tritanopia 0.001% of the population

Trichromacy

#678483 Protanomaly 1% of men, 0.01% of women
#69828b Deuteranomaly 6% of men, 0.4% of women
#3e8a8f Tritanomaly 0.01% of the population

#348884 hex color

#348884 Color Information

#348884 Color Conversion

Color Schemes with #348884

Alternatives to #348884

#348884 Preview

Shades and Tints of #348884

Tones of #348884

Color Blindness Simulator