colorhexa.com

#337d70 hex color

In a RGB color space, hex #337d70 is composed of 20% red, 49% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 0% magenta, 10.4% yellow and 51% black. It has a hue angle of 169.5 degrees, a saturation of 42% and a lightness of 34.5%. #337d70 color hex could be obtained by blending #66fae0 with #000000. Closest websafe color is: #336666.

- R 20
- G 49
- B 44
RGB color chart
- C 59
- M 0
- Y 10
- K 51
CMYK color chart

● #337d70 color description : Dark moderate cyan.

The hexadecimal color #337d70 has RGB values of R:51, G:125, B:112 and CMYK values of C:0.59, M:0, Y:0.1, K:0.51. Its decimal value is 3374448.

Hex triplet	337d70	`#337d70`
RGB Decimal	51, 125, 112	`rgb(51,125,112)`
RGB Percent	20, 49, 43.9	`rgb(20%,49%,43.9%)`
CMYK	59, 0, 10, 51
HSL	169.5°, 42, 34.5	`hsl(169.5,42%,34.5%)`
HSV (or HSB)	169.5°, 59.2, 49
Web Safe	336666	`#336666`

CIE-LAB	47.675, -26.287, 0.205
XYZ	11.623, 16.54, 17.908
xyY	0.252, 0.359, 16.54
CIE-LCH	47.675, 26.288, 179.553
CIE-LUV	47.675, -30.692, 4.075
Hunter-Lab	40.669, -20.159, 2.361
Binary	00110011, 01111101, 01110000

#337d70
```
#337d70 rgb(51,125,112)
```
#7d3340
```
#7d3340 rgb(125,51,64)
```

Complementary Color

#337d4b
```
#337d4b rgb(51,125,75)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#33657d
```
#33657d rgb(51,101,125)
```

Analogous Color

#7d4b33
```
#7d4b33 rgb(125,75,51)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#7d3365
```
#7d3365 rgb(125,51,101)
```

Split Complementary Color

#7d7033
```
#7d7033 rgb(125,112,51)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#70337d
```
#70337d rgb(112,51,125)
```

Triadic Color

#407d33
```
#407d33 rgb(64,125,51)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#70337d
```
#70337d rgb(112,51,125)
```
#7d3340
```
#7d3340 rgb(125,51,64)
```

Tetradic Color

#1d473f
```
#1d473f rgb(29,71,63)
```
#245950
```
#245950 rgb(36,89,80)
```
#2c6b60
```
#2c6b60 rgb(44,107,96)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#3a8f80
```
#3a8f80 rgb(58,143,128)
```
#42a190
```
#42a190 rgb(66,161,144)
```
#49b3a1
```
#49b3a1 rgb(73,179,161)
```

Monochromatic Color

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

#337d5e
```
#337d5e rgb(51,125,94)
```
#337d64
```
#337d64 rgb(51,125,100)
```
#337d6a
```
#337d6a rgb(51,125,106)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#337d76
```
#337d76 rgb(51,125,118)
```
#337d7c
```
#337d7c rgb(51,125,124)
```
#33787d
```
#33787d rgb(51,120,125)
```

Similar Colors

Text with hexadecimal color #337d70

This text has a font color of #337d70.

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

#337d70 background color

This paragraph has a background color of #337d70.

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

#337d70 border color

This element has a border color of #337d70.

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

CSS codes

.text {color:#337d70;}

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

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

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, #060e0c is the darkest color, while #ffffff is the lightest one.

#060e0c
```
#060e0c rgb(6,14,12)
```
#0b1b19
```
#0b1b19 rgb(11,27,25)
```
#112925
```
#112925 rgb(17,41,37)
```
#173732
```
#173732 rgb(23,55,50)
```
#1c453e
```
#1c453e rgb(28,69,62)
```
#22534b
```
#22534b rgb(34,83,75)
```
#286157
```
#286157 rgb(40,97,87)
```
#2d6f64
```
#2d6f64 rgb(45,111,100)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#398b7c
```
#398b7c rgb(57,139,124)
```
#3e9989
```
#3e9989 rgb(62,153,137)
```
#44a795
```
#44a795 rgb(68,167,149)
```
#4ab5a2
```
#4ab5a2 rgb(74,181,162)
```

Shade Color Variation

#57bba9
```
#57bba9 rgb(87,187,169)
```
#65c0b0
```
#65c0b0 rgb(101,192,176)
```
#73c6b7
```
#73c6b7 rgb(115,198,183)
```
#81ccbf
```
#81ccbf rgb(129,204,191)
```
#8fd1c6
```
#8fd1c6 rgb(143,209,198)
```
#9dd7cd
```
#9dd7cd rgb(157,215,205)
```
#abddd4
```
#abddd4 rgb(171,221,212)
```
#b9e2db
```
#b9e2db rgb(185,226,219)
```
#c7e8e2
```
#c7e8e2 rgb(199,232,226)
```
#d5eee9
```
#d5eee9 rgb(213,238,233)
```
#e3f3f1
```
#e3f3f1 rgb(227,243,241)
```
#f1f9f8
```
#f1f9f8 rgb(241,249,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#555b5a
```
#555b5a rgb(85,91,90)
```
#4e625e
```
#4e625e rgb(78,98,94)
```
#476963
```
#476963 rgb(71,105,99)
```
#416f67
```
#416f67 rgb(65,111,103)
```
#3a766c
```
#3a766c rgb(58,118,108)
```
#337d70
```
#337d70 rgb(51,125,112)
```
#2c8474
```
#2c8474 rgb(44,132,116)
```
#258b79
```
#258b79 rgb(37,139,121)
```
#1f917d
```
#1f917d rgb(31,145,125)
```
#189882
```
#189882 rgb(24,152,130)
```
#119f86
```
#119f86 rgb(17,159,134)
```
#0aa68a
```
#0aa68a rgb(10,166,138)
```
#04ac8f
```
#04ac8f rgb(4,172,143)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5b6a67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7871 Protanopia 1% of men
#81757c Deuteranopia 1% of men
#46808a Tritanopia 0.001% of the population

Trichromacy

#617970 Protanomaly 1% of men, 0.01% of women
#657778 Deuteranomaly 6% of men, 0.4% of women
#3f7f80 Tritanomaly 0.01% of the population