#338a5f hex color

In a RGB color space, hex #338a5f is composed of 20% red, 54.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 31.2% yellow and 45.9% black. It has a hue angle of 150.3 degrees, a saturation of 46% and a lightness of 37.1%. #338a5f color hex could be obtained by blending #66ffbe with #001500. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 54
- B 37
RGB color chart
- C 63
- M 0
- Y 31
- K 46
CMYK color chart

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

The hexadecimal color #338a5f has RGB values of R:51, G:138, B:95 and CMYK values of C:0.63, M:0, Y:0.31, K:0.46. Its decimal value is 3377759.

Hex triplet	338a5f	`#338a5f`
RGB Decimal	51, 138, 95	`rgb(51,138,95)`
RGB Percent	20, 54.1, 37.3	`rgb(20%,54.1%,37.3%)`
CMYK	63, 0, 31, 46
HSL	150.3°, 46, 37.1	`hsl(150.3,46%,37.1%)`
HSV (or HSB)	150.3°, 63, 54.1
Web Safe	339966	`#339966`

CIE-LAB	51.503, -36.568, 15.512
XYZ	12.518, 19.706, 13.97
xyY	0.271, 0.427, 19.706
CIE-LCH	51.503, 39.722, 157.013
CIE-LUV	51.503, -36.677, 25.686
Hunter-Lab	44.391, -27.348, 12.416
Binary	00110011, 10001010, 01011111

#338a5f
```
#338a5f rgb(51,138,95)
```
#8a335e
```
#8a335e rgb(138,51,94)
```

Complementary Color

#338a34
```
#338a34 rgb(51,138,52)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#338a8a
```
#338a8a rgb(51,138,138)
```

Analogous Color

#8a3433
```
#8a3433 rgb(138,52,51)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#8a338a
```
#8a338a rgb(138,51,138)
```

Split Complementary Color

#8a5f33
```
#8a5f33 rgb(138,95,51)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#5f338a
```
#5f338a rgb(95,51,138)
```

Triadic Color

#5e8a33
```
#5e8a33 rgb(94,138,51)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#5f338a
```
#5f338a rgb(95,51,138)
```
#8a335e
```
#8a335e rgb(138,51,94)
```

Tetradic Color

#1e5239
```
#1e5239 rgb(30,82,57)
```
#256545
```
#256545 rgb(37,101,69)
```
#2c7752
```
#2c7752 rgb(44,119,82)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#3a9d6c
```
#3a9d6c rgb(58,157,108)
```
#41af79
```
#41af79 rgb(65,175,121)
```
#4cbd85
```
#4cbd85 rgb(76,189,133)
```

Monochromatic Color

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

#338a49
```
#338a49 rgb(51,138,73)
```
#338a51
```
#338a51 rgb(51,138,81)
```
#338a58
```
#338a58 rgb(51,138,88)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#338a66
```
#338a66 rgb(51,138,102)
```
#338a6e
```
#338a6e rgb(51,138,110)
```
#338a75
```
#338a75 rgb(51,138,117)
```

Similar Colors

Text with hexadecimal color #338a5f

This text has a font color of #338a5f.

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

#338a5f background color

This paragraph has a background color of #338a5f.

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

#338a5f border color

This element has a border color of #338a5f.

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

CSS codes

.text {color:#338a5f;}

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

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

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

#030906
```
#030906 rgb(3,9,6)
```
#091710
```
#091710 rgb(9,23,16)
```
#0e261a
```
#0e261a rgb(14,38,26)
```
#133424
```
#133424 rgb(19,52,36)
```
#19422e
```
#19422e rgb(25,66,46)
```
#1e5138
```
#1e5138 rgb(30,81,56)
```
#235f41
```
#235f41 rgb(35,95,65)
```
#286d4b
```
#286d4b rgb(40,109,75)
```
#2e7c55
```
#2e7c55 rgb(46,124,85)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#389869
```
#389869 rgb(56,152,105)
```
#3ea773
```
#3ea773 rgb(62,167,115)
```
#43b57d
```
#43b57d rgb(67,181,125)
```

Shade Color Variation

#4ebe86
```
#4ebe86 rgb(78,190,134)
```
#5cc390
```
#5cc390 rgb(92,195,144)
```
#6bc89a
```
#6bc89a rgb(107,200,154)
```
#79cda4
```
#79cda4 rgb(121,205,164)
```
#87d3ad
```
#87d3ad rgb(135,211,173)
```
#96d8b7
```
#96d8b7 rgb(150,216,183)
```
#a4ddc1
```
#a4ddc1 rgb(164,221,193)
```
#b2e3cb
```
#b2e3cb rgb(178,227,203)
```
#c0e8d4
```
#c0e8d4 rgb(192,232,212)
```
#cfedde
```
#cfedde rgb(207,237,222)
```
#ddf2e8
```
#ddf2e8 rgb(221,242,232)
```
#ebf8f2
```
#ebf8f2 rgb(235,248,242)
```
#fafdfb
```
#fafdfb rgb(250,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57665f is the less saturated color, while #00bd60 is the most saturated one.

#57665f
```
#57665f rgb(87,102,95)
```
#506d5f
```
#506d5f rgb(80,109,95)
```
#49745f
```
#49745f rgb(73,116,95)
```
#427b5f
```
#427b5f rgb(66,123,95)
```
#3a835f
```
#3a835f rgb(58,131,95)
```
#338a5f
```
#338a5f rgb(51,138,95)
```
#2c915f
```
#2c915f rgb(44,145,95)
```
#24995f
```
#24995f rgb(36,153,95)
```
#1da05f
```
#1da05f rgb(29,160,95)
```
#16a75f
```
#16a75f rgb(22,167,95)
```
#0fae5f
```
#0fae5f rgb(15,174,95)
```
#07b660
```
#07b660 rgb(7,182,96)
```
#00bd60
```
#00bd60 rgb(0,189,96)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#607169 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8161 Protanopia 1% of men
#947c6d Deuteranopia 1% of men
#4f8a94 Tritanopia 0.001% of the population

Trichromacy

#6a8460 Protanomaly 1% of men, 0.01% of women
#718168 Deuteranomaly 6% of men, 0.4% of women
#458a80 Tritanomaly 0.01% of the population

#338a5f hex color

#338a5f Color Information

#338a5f Color Conversion

Color Schemes with #338a5f

Alternatives to #338a5f

#338a5f Preview

Shades and Tints of #338a5f

Tones of #338a5f

Color Blindness Simulator