#337e80 hex color

In a RGB color space, hex #337e80 is composed of 20% red, 49.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 1.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 181.6 degrees, a saturation of 43% and a lightness of 35.1%. #337e80 color hex could be obtained by blending #66fcff with #000001. Closest websafe color is: #336699.

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

● #337e80 color description : Dark moderate cyan.

The hexadecimal color #337e80 has RGB values of R:51, G:126, B:128 and CMYK values of C:0.6, M:0.02, Y:0, K:0.5. Its decimal value is 3374720.

Hex triplet	337e80	`#337e80`
RGB Decimal	51, 126, 128	`rgb(51,126,128)`
RGB Percent	20, 49.4, 50.2	`rgb(20%,49.4%,50.2%)`
CMYK	60, 2, 0, 50
HSL	181.6°, 43, 35.1	`hsl(181.6,43%,35.1%)`
HSV (or HSB)	181.6°, 60.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	48.49, -22.213, -8.038
XYZ	12.721, 17.183, 23.067
xyY	0.24, 0.324, 17.183
CIE-LCH	48.49, 23.622, 199.892
CIE-LUV	48.49, -30.278, -8.224
Hunter-Lab	41.452, -17.762, -3.977
Binary	00110011, 01111110, 10000000

#337e80
```
#337e80 rgb(51,126,128)
```
#803533
```
#803533 rgb(128,53,51)
```

Complementary Color

#33805c
```
#33805c rgb(51,128,92)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#335880
```
#335880 rgb(51,88,128)
```

Analogous Color

#805c33
```
#805c33 rgb(128,92,51)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#803358
```
#803358 rgb(128,51,88)
```

Split Complementary Color

#7e8033
```
#7e8033 rgb(126,128,51)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#80337e
```
#80337e rgb(128,51,126)
```

Triadic Color

#338035
```
#338035 rgb(51,128,53)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#80337e
```
#80337e rgb(128,51,126)
```
#803533
```
#803533 rgb(128,53,51)
```

Tetradic Color

#1d4849
```
#1d4849 rgb(29,72,73)
```
#245a5c
```
#245a5c rgb(36,90,92)
```
#2c6c6e
```
#2c6c6e rgb(44,108,110)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#3a9092
```
#3a9092 rgb(58,144,146)
```
#42a2a4
```
#42a2a4 rgb(66,162,164)
```
#49b4b6
```
#49b4b6 rgb(73,180,182)
```

Monochromatic Color

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

#33806f
```
#33806f rgb(51,128,111)
```
#338075
```
#338075 rgb(51,128,117)
```
#33807c
```
#33807c rgb(51,128,124)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#337880
```
#337880 rgb(51,120,128)
```
#337180
```
#337180 rgb(51,113,128)
```
#336b80
```
#336b80 rgb(51,107,128)
```

Similar Colors

Text with hexadecimal color #337e80

This text has a font color of #337e80.

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

#337e80 background color

This paragraph has a background color of #337e80.

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

#337e80 border color

This element has a border color of #337e80.

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

CSS codes

.text {color:#337e80;}

.background {background-color:#337e80;}

.border {border:1px solid #337e80;}

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

#010202
```
#010202 rgb(1,2,2)
```
#061010
```
#061010 rgb(6,16,16)
```
#0c1d1e
```
#0c1d1e rgb(12,29,30)
```
#112b2c
```
#112b2c rgb(17,43,44)
```
#17393a
```
#17393a rgb(23,57,58)
```
#1d4748
```
#1d4748 rgb(29,71,72)
```
#225556
```
#225556 rgb(34,85,86)
```
#286264
```
#286264 rgb(40,98,100)
```
#2d7072
```
#2d7072 rgb(45,112,114)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#398c8e
```
#398c8e rgb(57,140,142)
```
#3e9a9c
```
#3e9a9c rgb(62,154,156)
```
#44a7aa
```
#44a7aa rgb(68,167,170)
```

Shade Color Variation

#4ab4b7
```
#4ab4b7 rgb(74,180,183)
```
#58babd
```
#58babd rgb(88,186,189)
```
#66c0c2
```
#66c0c2 rgb(102,192,194)
```
#74c6c8
```
#74c6c8 rgb(116,198,200)
```
#83cbcd
```
#83cbcd rgb(131,203,205)
```
#91d1d3
```
#91d1d3 rgb(145,209,211)
```
#9fd7d9
```
#9fd7d9 rgb(159,215,217)
```
#adddde
```
#adddde rgb(173,221,222)
```
#bbe3e4
```
#bbe3e4 rgb(187,227,228)
```
#c9e8e9
```
#c9e8e9 rgb(201,232,233)
```
#d7eeef
```
#d7eeef rgb(215,238,239)
```
#e5f4f5
```
#e5f4f5 rgb(229,244,245)
```
#f3fafa
```
#f3fafa rgb(243,250,250)
```

Tint Color Variation

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

#555d5e
```
#555d5e rgb(85,93,94)
```
#4f6464
```
#4f6464 rgb(79,100,100)
```
#486a6b
```
#486a6b rgb(72,106,107)
```
#417172
```
#417172 rgb(65,113,114)
```
#3a7779
```
#3a7779 rgb(58,119,121)
```
#337e80
```
#337e80 rgb(51,126,128)
```
#2c8587
```
#2c8587 rgb(44,133,135)
```
#258b8e
```
#258b8e rgb(37,139,142)
```
#1e9295
```
#1e9295 rgb(30,146,149)
```
#17989c
```
#17989c rgb(23,152,156)
```
#119fa2
```
#119fa2 rgb(17,159,162)
```
#0aa5a9
```
#0aa5a9 rgb(10,165,169)
```
#03acb0
```
#03acb0 rgb(3,172,176)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5d6c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a7980 Protanopia 1% of men
#7d778b Deuteranopia 1% of men
#41838d Tritanopia 0.001% of the population

Trichromacy

#607b80 Protanomaly 1% of men, 0.01% of women
#627987 Deuteranomaly 6% of men, 0.4% of women
#3b8188 Tritanomaly 0.01% of the population

#337e80 hex color

#337e80 Color Information

#337e80 Color Conversion

Color Schemes with #337e80

Alternatives to #337e80

#337e80 Preview

Shades and Tints of #337e80

Tones of #337e80

Color Blindness Simulator