#338e70 hex color

In a RGB color space, hex #338e70 is composed of 20% red, 55.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 21.1% yellow and 44.3% black. It has a hue angle of 160.2 degrees, a saturation of 47.2% and a lightness of 37.8%. #338e70 color hex could be obtained by blending #66ffe0 with #001d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 56
- B 44
RGB color chart
- C 64
- M 0
- Y 21
- K 44
CMYK color chart

● #338e70 color description : Dark moderate cyan - lime green.

The hexadecimal color #338e70 has RGB values of R:51, G:142, B:112 and CMYK values of C:0.64, M:0, Y:0.21, K:0.44. Its decimal value is 3378800.

Hex triplet	338e70	`#338e70`
RGB Decimal	51, 142, 112	`rgb(51,142,112)`
RGB Percent	20, 55.7, 43.9	`rgb(20%,55.7%,43.9%)`
CMYK	64, 0, 21, 44
HSL	160.2°, 47.2, 37.8	`hsl(160.2,47.2%,37.8%)`
HSV (or HSB)	160.2°, 64.1, 55.7
Web Safe	339966	`#339966`

CIE-LAB	53.188, -34.405, 8.142
XYZ	13.962, 21.218, 18.688
xyY	0.259, 0.394, 21.218
CIE-LCH	53.188, 35.356, 166.686
CIE-LUV	53.188, -37.349, 16.221
Hunter-Lab	46.064, -26.508, 8.19
Binary	00110011, 10001110, 01110000

#338e70
```
#338e70 rgb(51,142,112)
```
#8e3351
```
#8e3351 rgb(142,51,81)
```

Complementary Color

#338e42
```
#338e42 rgb(51,142,66)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#337f8e
```
#337f8e rgb(51,127,142)
```

Analogous Color

#8e4333
```
#8e4333 rgb(142,67,51)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#8e337f
```
#8e337f rgb(142,51,127)
```

Split Complementary Color

#8e7033
```
#8e7033 rgb(142,112,51)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#70338e
```
#70338e rgb(112,51,142)
```

Triadic Color

#518e33
```
#518e33 rgb(81,142,51)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#70338e
```
#70338e rgb(112,51,142)
```
#8e3351
```
#8e3351 rgb(142,51,81)
```

Tetradic Color

#1f5644
```
#1f5644 rgb(31,86,68)
```
#266852
```
#266852 rgb(38,104,82)
```
#2c7b61
```
#2c7b61 rgb(44,123,97)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#3aa17f
```
#3aa17f rgb(58,161,127)
```
#40b48e
```
#40b48e rgb(64,180,142)
```
#4ebf9a
```
#4ebf9a rgb(78,191,154)
```

Monochromatic Color

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

#338e59
```
#338e59 rgb(51,142,89)
```
#338e61
```
#338e61 rgb(51,142,97)
```
#338e68
```
#338e68 rgb(51,142,104)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#338e78
```
#338e78 rgb(51,142,120)
```
#338e7f
```
#338e7f rgb(51,142,127)
```
#338e87
```
#338e87 rgb(51,142,135)
```

Similar Colors

Text with hexadecimal color #338e70

This text has a font color of #338e70.

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

#338e70 background color

This paragraph has a background color of #338e70.

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

#338e70 border color

This element has a border color of #338e70.

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

CSS codes

.text {color:#338e70;}

.background {background-color:#338e70;}

.border {border:1px solid #338e70;}

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, #040c0a is the darkest color, while #fdfefe is the lightest one.

#040c0a
```
#040c0a rgb(4,12,10)
```
#0a1b15
```
#0a1b15 rgb(10,27,21)
```
#0f2920
```
#0f2920 rgb(15,41,32)
```
#14372c
```
#14372c rgb(20,55,44)
```
#194637
```
#194637 rgb(25,70,55)
```
#1e5442
```
#1e5442 rgb(30,84,66)
```
#23634e
```
#23634e rgb(35,99,78)
```
#297159
```
#297159 rgb(41,113,89)
```
#2e8065
```
#2e8065 rgb(46,128,101)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#389c7b
```
#389c7b rgb(56,156,123)
```
#3dab87
```
#3dab87 rgb(61,171,135)
```
#43b992
```
#43b992 rgb(67,185,146)
```

Shade Color Variation

#4fc09b
```
#4fc09b rgb(79,192,155)
```
#5ec5a3
```
#5ec5a3 rgb(94,197,163)
```
#6ccaab
```
#6ccaab rgb(108,202,171)
```
#7bd0b4
```
#7bd0b4 rgb(123,208,180)
```
#89d5bc
```
#89d5bc rgb(137,213,188)
```
#98dac4
```
#98dac4 rgb(152,218,196)
```
#a6dfcc
```
#a6dfcc rgb(166,223,204)
```
#b5e4d5
```
#b5e4d5 rgb(181,228,213)
```
#c3e9dd
```
#c3e9dd rgb(195,233,221)
```
#d1efe5
```
#d1efe5 rgb(209,239,229)
```
#e0f4ed
```
#e0f4ed rgb(224,244,237)
```
#eef9f5
```
#eef9f5 rgb(238,249,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606161 is the less saturated color, while #06bb7f is the most saturated one.

#606161
```
#606161 rgb(96,97,97)
```
#586963
```
#586963 rgb(88,105,99)
```
#517066
```
#517066 rgb(81,112,102)
```
#497868
```
#497868 rgb(73,120,104)
```
#427f6b
```
#427f6b rgb(66,127,107)
```
#3a876d
```
#3a876d rgb(58,135,109)
```
#338e70
```
#338e70 rgb(51,142,112)
```
#2c9573
```
#2c9573 rgb(44,149,115)
```
#249d75
```
#249d75 rgb(36,157,117)
```
#1da478
```
#1da478 rgb(29,164,120)
```
#15ac7a
```
#15ac7a rgb(21,172,122)
```
#0eb37d
```
#0eb37d rgb(14,179,125)
```
#06bb7f
```
#06bb7f rgb(6,187,127)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#63756f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8570 Protanopia 1% of men
#95817d Deuteranopia 1% of men
#4d8f99 Tritanopia 0.001% of the population

Trichromacy

#6c8870 Protanomaly 1% of men, 0.01% of women
#718578 Deuteranomaly 6% of men, 0.4% of women
#438e8a Tritanomaly 0.01% of the population

#338e70 hex color

#338e70 Color Information

#338e70 Color Conversion

Color Schemes with #338e70

Alternatives to #338e70

#338e70 Preview

Shades and Tints of #338e70

Tones of #338e70

Color Blindness Simulator