#338f6b hex color

In a RGB color space, hex #338f6b is composed of 20% red, 56.1% green and 42% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 0% magenta, 25.2% yellow and 43.9% black. It has a hue angle of 156.5 degrees, a saturation of 47.4% and a lightness of 38%. #338f6b color hex could be obtained by blending #66ffd6 with #001f00. Closest websafe color is: #339966.

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

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

The hexadecimal color #338f6b has RGB values of R:51, G:143, B:107 and CMYK values of C:0.64, M:0, Y:0.25, K:0.44. Its decimal value is 3379051.

Hex triplet	338f6b	`#338f6b`
RGB Decimal	51, 143, 107	`rgb(51,143,107)`
RGB Percent	20, 56.1, 42	`rgb(20%,56.1%,42%)`
CMYK	64, 0, 25, 44
HSL	156.5°, 47.4, 38	`hsl(156.5,47.4%,38%)`
HSV (or HSB)	156.5°, 64.3, 56.1
Web Safe	339966	`#339966`

CIE-LAB	53.394, -36.062, 11.296
XYZ	13.841, 21.409, 17.312
xyY	0.263, 0.407, 21.409
CIE-LCH	53.394, 37.79, 162.607
CIE-LUV	53.394, -38.006, 20.589
Hunter-Lab	46.27, -27.579, 10.205
Binary	00110011, 10001111, 01101011

#338f6b
```
#338f6b rgb(51,143,107)
```
#8f3357
```
#8f3357 rgb(143,51,87)
```

Complementary Color

#338f3d
```
#338f3d rgb(51,143,61)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#33858f
```
#33858f rgb(51,133,143)
```

Analogous Color

#8f3d33
```
#8f3d33 rgb(143,61,51)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#8f3385
```
#8f3385 rgb(143,51,133)
```

Split Complementary Color

#8f6b33
```
#8f6b33 rgb(143,107,51)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#6b338f
```
#6b338f rgb(107,51,143)
```

Triadic Color

#578f33
```
#578f33 rgb(87,143,51)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#6b338f
```
#6b338f rgb(107,51,143)
```
#8f3357
```
#8f3357 rgb(143,51,87)
```

Tetradic Color

#1f5741
```
#1f5741 rgb(31,87,65)
```
#26694f
```
#26694f rgb(38,105,79)
```
#2c7c5d
```
#2c7c5d rgb(44,124,93)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#3aa279
```
#3aa279 rgb(58,162,121)
```
#40b587
```
#40b587 rgb(64,181,135)
```
#4ec094
```
#4ec094 rgb(78,192,148)
```

Monochromatic Color

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

#338f54
```
#338f54 rgb(51,143,84)
```
#338f5c
```
#338f5c rgb(51,143,92)
```
#338f63
```
#338f63 rgb(51,143,99)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#338f73
```
#338f73 rgb(51,143,115)
```
#338f7a
```
#338f7a rgb(51,143,122)
```
#338f82
```
#338f82 rgb(51,143,130)
```

Similar Colors

Text with hexadecimal color #338f6b

This text has a font color of #338f6b.

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

#338f6b background color

This paragraph has a background color of #338f6b.

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

#338f6b border color

This element has a border color of #338f6b.

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

CSS codes

.text {color:#338f6b;}

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

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

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

#050d0a
```
#050d0a rgb(5,13,10)
```
#0a1b14
```
#0a1b14 rgb(10,27,20)
```
#0f2a1f
```
#0f2a1f rgb(15,42,31)
```
#14382a
```
#14382a rgb(20,56,42)
```
#194735
```
#194735 rgb(25,71,53)
```
#1e5540
```
#1e5540 rgb(30,85,64)
```
#24644b
```
#24644b rgb(36,100,75)
```
#297255
```
#297255 rgb(41,114,85)
```
#2e8160
```
#2e8160 rgb(46,129,96)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#389d76
```
#389d76 rgb(56,157,118)
```
#3dac81
```
#3dac81 rgb(61,172,129)
```
#42ba8b
```
#42ba8b rgb(66,186,139)
```

Shade Color Variation

#50c194
```
#50c194 rgb(80,193,148)
```
#5ec69d
```
#5ec69d rgb(94,198,157)
```
#6dcba6
```
#6dcba6 rgb(109,203,166)
```
#7bd0af
```
#7bd0af rgb(123,208,175)
```
#8ad5b8
```
#8ad5b8 rgb(138,213,184)
```
#98dac0
```
#98dac0 rgb(152,218,192)
```
#a7dfc9
```
#a7dfc9 rgb(167,223,201)
```
#b5e5d2
```
#b5e5d2 rgb(181,229,210)
```
#c4eadb
```
#c4eadb rgb(196,234,219)
```
#d2efe4
```
#d2efe4 rgb(210,239,228)
```
#e0f4ec
```
#e0f4ec rgb(224,244,236)
```
#eff9f5
```
#eff9f5 rgb(239,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, #606261 is the less saturated color, while #06bc75 is the most saturated one.

#606261
```
#606261 rgb(96,98,97)
```
#586a63
```
#586a63 rgb(88,106,99)
```
#517165
```
#517165 rgb(81,113,101)
```
#497966
```
#497966 rgb(73,121,102)
```
#428068
```
#428068 rgb(66,128,104)
```
#3a8869
```
#3a8869 rgb(58,136,105)
```
#338f6b
```
#338f6b rgb(51,143,107)
```
#2c966d
```
#2c966d rgb(44,150,109)
```
#249e6e
```
#249e6e rgb(36,158,110)
```
#1da570
```
#1da570 rgb(29,165,112)
```
#15ad71
```
#15ad71 rgb(21,173,113)
```
#0eb473
```
#0eb473 rgb(14,180,115)
```
#06bc75
```
#06bc75 rgb(6,188,117)
```

Tone Color Variation

Below, you can see how #338f6b 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
#63756e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e856c Protanopia 1% of men
#978179 Deuteranopia 1% of men
#4e8f99 Tritanopia 0.001% of the population

Trichromacy

#6d896b Protanomaly 1% of men, 0.01% of women
#728674 Deuteranomaly 6% of men, 0.4% of women
#448f88 Tritanomaly 0.01% of the population

#338f6b hex color

#338f6b Color Information

#338f6b Color Conversion

Color Schemes with #338f6b

Alternatives to #338f6b

#338f6b Preview

Shades and Tints of #338f6b

Tones of #338f6b

Color Blindness Simulator