#348474 hex color

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

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

● #348474 color description : Dark moderate cyan.

The hexadecimal color #348474 has RGB values of R:52, G:132, B:116 and CMYK values of C:0.61, M:0, Y:0.12, K:0.48. Its decimal value is 3441780.

Hex triplet	348474	`#348474`
RGB Decimal	52, 132, 116	`rgb(52,132,116)`
RGB Percent	20.4, 51.8, 45.5	`rgb(20.4%,51.8%,45.5%)`
CMYK	61, 0, 12, 48
HSL	168°, 43.5, 36.1	`hsl(168,43.5%,36.1%)`
HSV (or HSB)	168°, 60.6, 51.8
Web Safe	339966	`#339966`

CIE-LAB	50.088, -28.45, 1.373
XYZ	12.819, 18.493, 19.416
xyY	0.253, 0.365, 18.493
CIE-LCH	50.088, 28.483, 177.236
CIE-LUV	50.088, -33.006, 6.052
Hunter-Lab	43.003, -22.046, 3.333
Binary	00110100, 10000100, 01110100

#348474
```
#348474 rgb(52,132,116)
```
#843444
```
#843444 rgb(132,52,68)
```

Complementary Color

#34844c
```
#34844c rgb(52,132,76)
```
#348474
```
#348474 rgb(52,132,116)
```
#346c84
```
#346c84 rgb(52,108,132)
```

Analogous Color

#844c34
```
#844c34 rgb(132,76,52)
```
#348474
```
#348474 rgb(52,132,116)
```
#84346c
```
#84346c rgb(132,52,108)
```

Split Complementary Color

#847434
```
#847434 rgb(132,116,52)
```
#348474
```
#348474 rgb(52,132,116)
```
#743484
```
#743484 rgb(116,52,132)
```

Triadic Color

#448434
```
#448434 rgb(68,132,52)
```
#348474
```
#348474 rgb(52,132,116)
```
#743484
```
#743484 rgb(116,52,132)
```
#843444
```
#843444 rgb(132,52,68)
```

Tetradic Color

#1e4d44
```
#1e4d44 rgb(30,77,68)
```
#265f54
```
#265f54 rgb(38,95,84)
```
#2d7264
```
#2d7264 rgb(45,114,100)
```
#348474
```
#348474 rgb(52,132,116)
```
#3b9684
```
#3b9684 rgb(59,150,132)
```
#42a994
```
#42a994 rgb(66,169,148)
```
#4cb8a3
```
#4cb8a3 rgb(76,184,163)
```

Monochromatic Color

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

#348460
```
#348460 rgb(52,132,96)
```
#348467
```
#348467 rgb(52,132,103)
```
#34846d
```
#34846d rgb(52,132,109)
```
#348474
```
#348474 rgb(52,132,116)
```
#34847b
```
#34847b rgb(52,132,123)
```
#348481
```
#348481 rgb(52,132,129)
```
#348084
```
#348084 rgb(52,128,132)
```

Similar Colors

Text with hexadecimal color #348474

This text has a font color of #348474.

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

#348474 background color

This paragraph has a background color of #348474.

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

#348474 border color

This element has a border color of #348474.

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

CSS codes

.text {color:#348474;}

.background {background-color:#348474;}

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

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)
```
#081311
```
#081311 rgb(8,19,17)
```
#0d211d
```
#0d211d rgb(13,33,29)
```
#13302a
```
#13302a rgb(19,48,42)
```
#183e36
```
#183e36 rgb(24,62,54)
```
#1e4c43
```
#1e4c43 rgb(30,76,67)
```
#235a4f
```
#235a4f rgb(35,90,79)
```
#29685b
```
#29685b rgb(41,104,91)
```
#2e7668
```
#2e7668 rgb(46,118,104)
```
#348474
```
#348474 rgb(52,132,116)
```
#3a9280
```
#3a9280 rgb(58,146,128)
```
#3fa08d
```
#3fa08d rgb(63,160,141)
```
#45ae99
```
#45ae99 rgb(69,174,153)
```

Shade Color Variation

#4db9a4
```
#4db9a4 rgb(77,185,164)
```
#5bbfab
```
#5bbfab rgb(91,191,171)
```
#6ac4b2
```
#6ac4b2 rgb(106,196,178)
```
#78cab9
```
#78cab9 rgb(120,202,185)
```
#86cfc1
```
#86cfc1 rgb(134,207,193)
```
#94d5c8
```
#94d5c8 rgb(148,213,200)
```
#a2dacf
```
#a2dacf rgb(162,218,207)
```
#b0e0d6
```
#b0e0d6 rgb(176,224,214)
```
#bee5de
```
#bee5de rgb(190,229,222)
```
#ccebe5
```
#ccebe5 rgb(204,235,229)
```
#daf0ec
```
#daf0ec rgb(218,240,236)
```
#e8f6f3
```
#e8f6f3 rgb(232,246,243)
```
#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 #02b692 is the most saturated one.

#57615f
```
#57615f rgb(87,97,95)
```
#506863
```
#506863 rgb(80,104,99)
```
#496f67
```
#496f67 rgb(73,111,103)
```
#42766c
```
#42766c rgb(66,118,108)
```
#3b7d70
```
#3b7d70 rgb(59,125,112)
```
#348474
```
#348474 rgb(52,132,116)
```
#2d8b78
```
#2d8b78 rgb(45,139,120)
```
#26927c
```
#26927c rgb(38,146,124)
```
#1f9981
```
#1f9981 rgb(31,153,129)
```
#18a085
```
#18a085 rgb(24,160,133)
```
#11a789
```
#11a789 rgb(17,167,137)
```
#0aae8d
```
#0aae8d rgb(10,174,141)
```
#02b692
```
#02b692 rgb(2,182,146)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#5f6f6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#827d74 Protanopia 1% of men
#887a80 Deuteranopia 1% of men
#488791 Tritanopia 0.001% of the population

Trichromacy

#668074 Protanomaly 1% of men, 0.01% of women
#697e7c Deuteranomaly 6% of men, 0.4% of women
#418686 Tritanomaly 0.01% of the population

#348474 hex color

#348474 Color Information

#348474 Color Conversion

Color Schemes with #348474

Alternatives to #348474

#348474 Preview

Shades and Tints of #348474

Tones of #348474

Color Blindness Simulator