#348478 hex color

In a RGB color space, hex #348478 is composed of 20.4% red, 51.8% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 0% magenta, 9.1% yellow and 48.2% black. It has a hue angle of 171 degrees, a saturation of 43.5% and a lightness of 36.1%. #348478 color hex could be obtained by blending #68fff0 with #000900. Closest websafe color is: #339966.

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

● #348478 color description : Dark moderate cyan.

The hexadecimal color #348478 has RGB values of R:52, G:132, B:120 and CMYK values of C:0.61, M:0, Y:0.09, K:0.48. Its decimal value is 3441784.

Hex triplet	348478	`#348478`
RGB Decimal	52, 132, 120	`rgb(52,132,120)`
RGB Percent	20.4, 51.8, 47.1	`rgb(20.4%,51.8%,47.1%)`
CMYK	61, 0, 9, 48
HSL	171°, 43.5, 36.1	`hsl(171,43.5%,36.1%)`
HSV (or HSB)	171°, 60.6, 51.8
Web Safe	339966	`#339966`

CIE-LAB	50.201, -27.362, -0.801
XYZ	13.057, 18.588, 20.668
xyY	0.25, 0.355, 18.588
CIE-LCH	50.201, 27.374, 181.677
CIE-LUV	50.201, -32.798, 2.87
Hunter-Lab	43.113, -21.391, 1.757
Binary	00110100, 10000100, 01111000

#348478
```
#348478 rgb(52,132,120)
```
#843440
```
#843440 rgb(132,52,64)
```

Complementary Color

#348450
```
#348450 rgb(52,132,80)
```
#348478
```
#348478 rgb(52,132,120)
```
#346884
```
#346884 rgb(52,104,132)
```

Analogous Color

#845034
```
#845034 rgb(132,80,52)
```
#348478
```
#348478 rgb(52,132,120)
```
#843468
```
#843468 rgb(132,52,104)
```

Split Complementary Color

#847834
```
#847834 rgb(132,120,52)
```
#348478
```
#348478 rgb(52,132,120)
```
#783484
```
#783484 rgb(120,52,132)
```

Triadic Color

#408434
```
#408434 rgb(64,132,52)
```
#348478
```
#348478 rgb(52,132,120)
```
#783484
```
#783484 rgb(120,52,132)
```
#843440
```
#843440 rgb(132,52,64)
```

Tetradic Color

#1e4d46
```
#1e4d46 rgb(30,77,70)
```
#265f57
```
#265f57 rgb(38,95,87)
```
#2d7267
```
#2d7267 rgb(45,114,103)
```
#348478
```
#348478 rgb(52,132,120)
```
#3b9689
```
#3b9689 rgb(59,150,137)
```
#42a999
```
#42a999 rgb(66,169,153)
```
#4cb8a8
```
#4cb8a8 rgb(76,184,168)
```

Monochromatic Color

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

#348464
```
#348464 rgb(52,132,100)
```
#34846b
```
#34846b rgb(52,132,107)
```
#348471
```
#348471 rgb(52,132,113)
```
#348478
```
#348478 rgb(52,132,120)
```
#34847f
```
#34847f rgb(52,132,127)
```
#348384
```
#348384 rgb(52,131,132)
```
#347c84
```
#347c84 rgb(52,124,132)
```

Similar Colors

Text with hexadecimal color #348478

This text has a font color of #348478.

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

#348478 background color

This paragraph has a background color of #348478.

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

#348478 border color

This element has a border color of #348478.

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

CSS codes

.text {color:#348478;}

.background {background-color:#348478;}

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

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 #f6fcfb is the lightest one.

#020505
```
#020505 rgb(2,5,5)
```
#081312
```
#081312 rgb(8,19,18)
```
#0d211e
```
#0d211e rgb(13,33,30)
```
#13302b
```
#13302b rgb(19,48,43)
```
#183e38
```
#183e38 rgb(24,62,56)
```
#1e4c45
```
#1e4c45 rgb(30,76,69)
```
#235a52
```
#235a52 rgb(35,90,82)
```
#29685e
```
#29685e rgb(41,104,94)
```
#2e766b
```
#2e766b rgb(46,118,107)
```
#348478
```
#348478 rgb(52,132,120)
```
#3a9285
```
#3a9285 rgb(58,146,133)
```
#3fa092
```
#3fa092 rgb(63,160,146)
```
#45ae9e
```
#45ae9e rgb(69,174,158)
```

Shade Color Variation

#4db9a9
```
#4db9a9 rgb(77,185,169)
```
#5bbfb0
```
#5bbfb0 rgb(91,191,176)
```
#6ac4b7
```
#6ac4b7 rgb(106,196,183)
```
#78cabd
```
#78cabd rgb(120,202,189)
```
#86cfc4
```
#86cfc4 rgb(134,207,196)
```
#94d5cb
```
#94d5cb rgb(148,213,203)
```
#a2dad2
```
#a2dad2 rgb(162,218,210)
```
#b0e0d9
```
#b0e0d9 rgb(176,224,217)
```
#bee5df
```
#bee5df rgb(190,229,223)
```
#ccebe6
```
#ccebe6 rgb(204,235,230)
```
#daf0ed
```
#daf0ed rgb(218,240,237)
```
#e8f6f4
```
#e8f6f4 rgb(232,246,244)
```
#f6fcfb
```
#f6fcfb rgb(246,252,251)
```

Tint Color Variation

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

#57615f
```
#57615f rgb(87,97,95)
```
#506864
```
#506864 rgb(80,104,100)
```
#496f69
```
#496f69 rgb(73,111,105)
```
#42766e
```
#42766e rgb(66,118,110)
```
#3b7d73
```
#3b7d73 rgb(59,125,115)
```
#348478
```
#348478 rgb(52,132,120)
```
#2d8b7d
```
#2d8b7d rgb(45,139,125)
```
#269282
```
#269282 rgb(38,146,130)
```
#1f9987
```
#1f9987 rgb(31,153,135)
```
#18a08c
```
#18a08c rgb(24,160,140)
```
#11a791
```
#11a791 rgb(17,167,145)
```
#0aae96
```
#0aae96 rgb(10,174,150)
```
#02b69b
```
#02b69b rgb(2,182,155)
```

Tone Color Variation

Below, you can see how #348478 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
#60706e Atypical Achromatopsia 0.001% of the population

Dichromacy

#827d78 Protanopia 1% of men
#877b84 Deuteranopia 1% of men
#478791 Tritanopia 0.001% of the population

Trichromacy

#658078 Protanomaly 1% of men, 0.01% of women
#697e7f Deuteranomaly 6% of men, 0.4% of women
#408688 Tritanomaly 0.01% of the population

#348478 hex color

#348478 Color Information

#348478 Color Conversion

Color Schemes with #348478

Alternatives to #348478

#348478 Preview

Shades and Tints of #348478

Tones of #348478

Color Blindness Simulator