#338b5f hex color

In a RGB color space, hex #338b5f is composed of 20% red, 54.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 31.7% yellow and 45.5% black. It has a hue angle of 150 degrees, a saturation of 46.3% and a lightness of 37.3%. #338b5f color hex could be obtained by blending #66ffbe with #001700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 55
- B 37
RGB color chart
- C 63
- M 0
- Y 32
- K 45
CMYK color chart

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

The hexadecimal color #338b5f has RGB values of R:51, G:139, B:95 and CMYK values of C:0.63, M:0, Y:0.32, K:0.45. Its decimal value is 3378015.

Hex triplet	338b5f	`#338b5f`
RGB Decimal	51, 139, 95	`rgb(51,139,95)`
RGB Percent	20, 54.5, 37.3	`rgb(20%,54.5%,37.3%)`
CMYK	63, 0, 32, 45
HSL	150°, 46.3, 37.3	`hsl(150,46.3%,37.3%)`
HSV (or HSB)	150°, 63.3, 54.5
Web Safe	339966	`#339966`

CIE-LAB	51.831, -37.007, 15.961
XYZ	12.663, 19.994, 14.018
xyY	0.271, 0.428, 19.994
CIE-LCH	51.831, 40.302, 156.669
CIE-LUV	51.831, -37.068, 26.338
Hunter-Lab	44.715, -27.703, 12.713
Binary	00110011, 10001011, 01011111

#338b5f
```
#338b5f rgb(51,139,95)
```
#8b335f
```
#8b335f rgb(139,51,95)
```

Complementary Color

#338b33
```
#338b33 rgb(51,139,51)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#338b8b
```
#338b8b rgb(51,139,139)
```

Analogous Color

#8b3333
```
#8b3333 rgb(139,51,51)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#8b338b
```
#8b338b rgb(139,51,139)
```

Split Complementary Color

#8b5f33
```
#8b5f33 rgb(139,95,51)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#5f338b
```
#5f338b rgb(95,51,139)
```

Triadic Color

#5f8b33
```
#5f8b33 rgb(95,139,51)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#5f338b
```
#5f338b rgb(95,51,139)
```
#8b335f
```
#8b335f rgb(139,51,95)
```

Tetradic Color

#1e5339
```
#1e5339 rgb(30,83,57)
```
#256646
```
#256646 rgb(37,102,70)
```
#2c7852
```
#2c7852 rgb(44,120,82)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#3a9e6c
```
#3a9e6c rgb(58,158,108)
```
#41b079
```
#41b079 rgb(65,176,121)
```
#4dbe85
```
#4dbe85 rgb(77,190,133)
```

Monochromatic Color

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

#338b49
```
#338b49 rgb(51,139,73)
```
#338b50
```
#338b50 rgb(51,139,80)
```
#338b58
```
#338b58 rgb(51,139,88)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#338b66
```
#338b66 rgb(51,139,102)
```
#338b6e
```
#338b6e rgb(51,139,110)
```
#338b75
```
#338b75 rgb(51,139,117)
```

Similar Colors

Text with hexadecimal color #338b5f

This text has a font color of #338b5f.

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

#338b5f background color

This paragraph has a background color of #338b5f.

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

#338b5f border color

This element has a border color of #338b5f.

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

CSS codes

.text {color:#338b5f;}

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

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

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

#040a07
```
#040a07 rgb(4,10,7)
```
#091811
```
#091811 rgb(9,24,17)
```
#0e271a
```
#0e271a rgb(14,39,26)
```
#133524
```
#133524 rgb(19,53,36)
```
#19432e
```
#19432e rgb(25,67,46)
```
#1e5238
```
#1e5238 rgb(30,82,56)
```
#236042
```
#236042 rgb(35,96,66)
```
#286e4b
```
#286e4b rgb(40,110,75)
```
#2e7d55
```
#2e7d55 rgb(46,125,85)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#389969
```
#389969 rgb(56,153,105)
```
#3ea873
```
#3ea873 rgb(62,168,115)
```
#43b67c
```
#43b67c rgb(67,182,124)
```

Shade Color Variation

#4ebe86
```
#4ebe86 rgb(78,190,134)
```
#5dc390
```
#5dc390 rgb(93,195,144)
```
#6bc99a
```
#6bc99a rgb(107,201,154)
```
#79cea4
```
#79cea4 rgb(121,206,164)
```
#88d3ad
```
#88d3ad rgb(136,211,173)
```
#96d8b7
```
#96d8b7 rgb(150,216,183)
```
#a4dec1
```
#a4dec1 rgb(164,222,193)
```
#b3e3cb
```
#b3e3cb rgb(179,227,203)
```
#c1e8d5
```
#c1e8d5 rgb(193,232,213)
```
#cfeedf
```
#cfeedf rgb(207,238,223)
```
#def3e8
```
#def3e8 rgb(222,243,232)
```
#ecf8f2
```
#ecf8f2 rgb(236,248,242)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5f5f is the less saturated color, while #07b75f is the most saturated one.

#5f5f5f
```
#5f5f5f rgb(95,95,95)
```
#58665f
```
#58665f rgb(88,102,95)
```
#506e5f
```
#506e5f rgb(80,110,95)
```
#49755f
```
#49755f rgb(73,117,95)
```
#427c5f
```
#427c5f rgb(66,124,95)
```
#3a845f
```
#3a845f rgb(58,132,95)
```
#338b5f
```
#338b5f rgb(51,139,95)
```
#2c925f
```
#2c925f rgb(44,146,95)
```
#249a5f
```
#249a5f rgb(36,154,95)
```
#1da15f
```
#1da15f rgb(29,161,95)
```
#16a85f
```
#16a85f rgb(22,168,95)
```
#0eb05f
```
#0eb05f rgb(14,176,95)
```
#07b75f
```
#07b75f rgb(7,183,95)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#617269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8261 Protanopia 1% of men
#957d6d Deuteranopia 1% of men
#4f8b95 Tritanopia 0.001% of the population

Trichromacy

#6b8560 Protanomaly 1% of men, 0.01% of women
#718268 Deuteranomaly 6% of men, 0.4% of women
#458b81 Tritanomaly 0.01% of the population

#338b5f hex color

#338b5f Color Information

#338b5f Color Conversion

Color Schemes with #338b5f

Alternatives to #338b5f

#338b5f Preview

Shades and Tints of #338b5f

Tones of #338b5f

Color Blindness Simulator