#337d80 hex color

In a RGB color space, hex #337d80 is composed of 20% red, 49% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 2.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 182.3 degrees, a saturation of 43% and a lightness of 35.1%. #337d80 color hex could be obtained by blending #66faff 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

● #337d80 color description : Dark moderate cyan.

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

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

CIE-LAB	48.17, -21.689, -8.516
XYZ	12.594, 16.929, 23.025
xyY	0.24, 0.322, 16.929
CIE-LCH	48.17, 23.301, 201.437
CIE-LUV	48.17, -29.89, -8.985
Hunter-Lab	41.144, -17.365, -4.378
Binary	00110011, 01111101, 10000000

#337d80
```
#337d80 rgb(51,125,128)
```
#803633
```
#803633 rgb(128,54,51)
```

Complementary Color

#33805d
```
#33805d rgb(51,128,93)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#335780
```
#335780 rgb(51,87,128)
```

Analogous Color

#805d33
```
#805d33 rgb(128,93,51)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#803357
```
#803357 rgb(128,51,87)
```

Split Complementary Color

#7d8033
```
#7d8033 rgb(125,128,51)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#80337d
```
#80337d rgb(128,51,125)
```

Triadic Color

#338036
```
#338036 rgb(51,128,54)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#80337d
```
#80337d rgb(128,51,125)
```
#803633
```
#803633 rgb(128,54,51)
```

Tetradic Color

#1d4849
```
#1d4849 rgb(29,72,73)
```
#24595c
```
#24595c rgb(36,89,92)
```
#2c6b6e
```
#2c6b6e rgb(44,107,110)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#3a8f92
```
#3a8f92 rgb(58,143,146)
```
#42a1a4
```
#42a1a4 rgb(66,161,164)
```
#49b2b6
```
#49b2b6 rgb(73,178,182)
```

Monochromatic Color

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

#338070
```
#338070 rgb(51,128,112)
```
#338076
```
#338076 rgb(51,128,118)
```
#33807d
```
#33807d rgb(51,128,125)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#337780
```
#337780 rgb(51,119,128)
```
#337080
```
#337080 rgb(51,112,128)
```
#336a80
```
#336a80 rgb(51,106,128)
```

Similar Colors

Text with hexadecimal color #337d80

This text has a font color of #337d80.

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

#337d80 background color

This paragraph has a background color of #337d80.

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

#337d80 border color

This element has a border color of #337d80.

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

CSS codes

.text {color:#337d80;}

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

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

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)
```
#060f10
```
#060f10 rgb(6,15,16)
```
#0c1d1e
```
#0c1d1e rgb(12,29,30)
```
#112b2c
```
#112b2c rgb(17,43,44)
```
#17393a
```
#17393a rgb(23,57,58)
```
#1d4648
```
#1d4648 rgb(29,70,72)
```
#225456
```
#225456 rgb(34,84,86)
```
#286264
```
#286264 rgb(40,98,100)
```
#2d6f72
```
#2d6f72 rgb(45,111,114)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#398b8e
```
#398b8e rgb(57,139,142)
```
#3e989c
```
#3e989c rgb(62,152,156)
```
#44a6aa
```
#44a6aa rgb(68,166,170)
```

Shade Color Variation

#4ab3b7
```
#4ab3b7 rgb(74,179,183)
```
#58b9bd
```
#58b9bd rgb(88,185,189)
```
#66bfc2
```
#66bfc2 rgb(102,191,194)
```
#74c5c8
```
#74c5c8 rgb(116,197,200)
```
#83cacd
```
#83cacd rgb(131,202,205)
```
#91d0d3
```
#91d0d3 rgb(145,208,211)
```
#9fd6d9
```
#9fd6d9 rgb(159,214,217)
```
#addcde
```
#addcde rgb(173,220,222)
```
#bbe2e4
```
#bbe2e4 rgb(187,226,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 #03a9b0 is the most saturated one.

#555d5e
```
#555d5e rgb(85,93,94)
```
#4f6464
```
#4f6464 rgb(79,100,100)
```
#486a6b
```
#486a6b rgb(72,106,107)
```
#417072
```
#417072 rgb(65,112,114)
```
#3a7779
```
#3a7779 rgb(58,119,121)
```
#337d80
```
#337d80 rgb(51,125,128)
```
#2c8387
```
#2c8387 rgb(44,131,135)
```
#258a8e
```
#258a8e rgb(37,138,142)
```
#1e9095
```
#1e9095 rgb(30,144,149)
```
#17969c
```
#17969c rgb(23,150,156)
```
#119da2
```
#119da2 rgb(17,157,162)
```
#0aa3a9
```
#0aa3a9 rgb(10,163,169)
```
#03a9b0
```
#03a9b0 rgb(3,169,176)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5d6b6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#797880 Protanopia 1% of men
#7c768b Deuteranopia 1% of men
#40828c Tritanopia 0.001% of the population

Trichromacy

#5f7a80 Protanomaly 1% of men, 0.01% of women
#617987 Deuteranomaly 6% of men, 0.4% of women
#3b8087 Tritanomaly 0.01% of the population

#337d80 hex color

#337d80 Color Information

#337d80 Color Conversion

Color Schemes with #337d80

Alternatives to #337d80

#337d80 Preview

Shades and Tints of #337d80

Tones of #337d80

Color Blindness Simulator