#348276 hex color

In a RGB color space, hex #348276 is composed of 20.4% red, 51% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 9.2% yellow and 49% black. It has a hue angle of 170.8 degrees, a saturation of 42.9% and a lightness of 35.7%. #348276 color hex could be obtained by blending #68ffec with #000500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 51
- B 46
RGB color chart
- C 60
- M 0
- Y 9
- K 49
CMYK color chart

● #348276 color description : Dark moderate cyan.

The hexadecimal color #348276 has RGB values of R:52, G:130, B:118 and CMYK values of C:0.6, M:0, Y:0.09, K:0.49. Its decimal value is 3441270.

Hex triplet	348276	`#348276`
RGB Decimal	52, 130, 118	`rgb(52,130,118)`
RGB Percent	20.4, 51, 46.3	`rgb(20.4%,51%,46.3%)`
CMYK	60, 0, 9, 49
HSL	170.8°, 42.9, 35.7	`hsl(170.8,42.9%,35.7%)`
HSV (or HSB)	170.8°, 60, 51
Web Safe	339966	`#339966`

CIE-LAB	49.499, -26.921, -0.657
XYZ	12.668, 18.002, 19.946
xyY	0.25, 0.356, 18.002
CIE-LCH	49.499, 26.929, 181.399
CIE-LUV	49.499, -32.118, 3
Hunter-Lab	42.429, -20.957, 1.828
Binary	00110100, 10000010, 01110110

#348276
```
#348276 rgb(52,130,118)
```
#823440
```
#823440 rgb(130,52,64)
```

Complementary Color

#34824f
```
#34824f rgb(52,130,79)
```
#348276
```
#348276 rgb(52,130,118)
```
#346782
```
#346782 rgb(52,103,130)
```

Analogous Color

#824f34
```
#824f34 rgb(130,79,52)
```
#348276
```
#348276 rgb(52,130,118)
```
#823467
```
#823467 rgb(130,52,103)
```

Split Complementary Color

#827634
```
#827634 rgb(130,118,52)
```
#348276
```
#348276 rgb(52,130,118)
```
#763482
```
#763482 rgb(118,52,130)
```

Triadic Color

#408234
```
#408234 rgb(64,130,52)
```
#348276
```
#348276 rgb(52,130,118)
```
#763482
```
#763482 rgb(118,52,130)
```
#823440
```
#823440 rgb(130,52,64)
```

Tetradic Color

#1e4b44
```
#1e4b44 rgb(30,75,68)
```
#255e55
```
#255e55 rgb(37,94,85)
```
#2d7065
```
#2d7065 rgb(45,112,101)
```
#348276
```
#348276 rgb(52,130,118)
```
#3b9487
```
#3b9487 rgb(59,148,135)
```
#43a697
```
#43a697 rgb(67,166,151)
```
#4bb7a7
```
#4bb7a7 rgb(75,183,167)
```

Monochromatic Color

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

#348263
```
#348263 rgb(52,130,99)
```
#348269
```
#348269 rgb(52,130,105)
```
#348270
```
#348270 rgb(52,130,112)
```
#348276
```
#348276 rgb(52,130,118)
```
#34827d
```
#34827d rgb(52,130,125)
```
#348182
```
#348182 rgb(52,129,130)
```
#347b82
```
#347b82 rgb(52,123,130)
```

Similar Colors

Text with hexadecimal color #348276

This text has a font color of #348276.

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

#348276 background color

This paragraph has a background color of #348276.

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

#348276 border color

This element has a border color of #348276.

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

CSS codes

.text {color:#348276;}

.background {background-color:#348276;}

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071210
```
#071210 rgb(7,18,16)
```
#0d201d
```
#0d201d rgb(13,32,29)
```
#122e2a
```
#122e2a rgb(18,46,42)
```
#183c36
```
#183c36 rgb(24,60,54)
```
#1e4a43
```
#1e4a43 rgb(30,74,67)
```
#235850
```
#235850 rgb(35,88,80)
```
#29665d
```
#29665d rgb(41,102,93)
```
#2e7469
```
#2e7469 rgb(46,116,105)
```
#348276
```
#348276 rgb(52,130,118)
```
#3a9083
```
#3a9083 rgb(58,144,131)
```
#3f9e8f
```
#3f9e8f rgb(63,158,143)
```
#45ac9c
```
#45ac9c rgb(69,172,156)
```

Shade Color Variation

#4db8a7
```
#4db8a7 rgb(77,184,167)
```
#5bbdae
```
#5bbdae rgb(91,189,174)
```
#69c3b5
```
#69c3b5 rgb(105,195,181)
```
#77c9bc
```
#77c9bc rgb(119,201,188)
```
#85cec3
```
#85cec3 rgb(133,206,195)
```
#93d4ca
```
#93d4ca rgb(147,212,202)
```
#a1d9d1
```
#a1d9d1 rgb(161,217,209)
```
#afdfd8
```
#afdfd8 rgb(175,223,216)
```
#bde5de
```
#bde5de rgb(189,229,222)
```
#cbeae5
```
#cbeae5 rgb(203,234,229)
```
#d9f0ec
```
#d9f0ec rgb(217,240,236)
```
#e7f5f3
```
#e7f5f3 rgb(231,245,243)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575f5e is the less saturated color, while #03b398 is the most saturated one.

#575f5e
```
#575f5e rgb(87,95,94)
```
#506663
```
#506663 rgb(80,102,99)
```
#496d67
```
#496d67 rgb(73,109,103)
```
#42746c
```
#42746c rgb(66,116,108)
```
#3b7b71
```
#3b7b71 rgb(59,123,113)
```
#348276
```
#348276 rgb(52,130,118)
```
#2d897b
```
#2d897b rgb(45,137,123)
```
#269080
```
#269080 rgb(38,144,128)
```
#1f9785
```
#1f9785 rgb(31,151,133)
```
#189e89
```
#189e89 rgb(24,158,137)
```
#11a58e
```
#11a58e rgb(17,165,142)
```
#0aac93
```
#0aac93 rgb(10,172,147)
```
#03b398
```
#03b398 rgb(3,179,152)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5e6e6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#807c76 Protanopia 1% of men
#857982 Deuteranopia 1% of men
#47858f Tritanopia 0.001% of the population

Trichromacy

#647e76 Protanomaly 1% of men, 0.01% of women
#677c7d Deuteranomaly 6% of men, 0.4% of women
#408486 Tritanomaly 0.01% of the population

#348276 hex color

#348276 Color Information

#348276 Color Conversion

Color Schemes with #348276

Alternatives to #348276

#348276 Preview

Shades and Tints of #348276

Tones of #348276

Color Blindness Simulator