#338f85 hex color

In a RGB color space, hex #338f85 is composed of 20% red, 56.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 0% magenta, 7% yellow and 43.9% black. It has a hue angle of 173.5 degrees, a saturation of 47.4% and a lightness of 38%. #338f85 color hex could be obtained by blending #66ffff with #001f0b. Closest websafe color is: #339999.

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

● #338f85 color description : Dark moderate cyan.

The hexadecimal color #338f85 has RGB values of R:51, G:143, B:133 and CMYK values of C:0.64, M:0, Y:0.07, K:0.44. Its decimal value is 3379077.

Hex triplet	338f85	`#338f85`
RGB Decimal	51, 143, 133	`rgb(51,143,133)`
RGB Percent	20, 56.1, 52.2	`rgb(20%,56.1%,52.2%)`
CMYK	64, 0, 7, 44
HSL	173.5°, 47.4, 38	`hsl(173.5,47.4%,38%)`
HSV (or HSB)	173.5°, 64.3, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.07, -29.327, -2.679
XYZ	15.42, 22.041, 25.631
xyY	0.244, 0.349, 22.041
CIE-LCH	54.07, 29.449, 185.219
CIE-LUV	54.07, -36.55, 0.493
Hunter-Lab	46.948, -23.53, 0.495
Binary	00110011, 10001111, 10000101

#338f85
```
#338f85 rgb(51,143,133)
```
#8f333d
```
#8f333d rgb(143,51,61)
```

Complementary Color

#338f57
```
#338f57 rgb(51,143,87)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#336b8f
```
#336b8f rgb(51,107,143)
```

Analogous Color

#8f5733
```
#8f5733 rgb(143,87,51)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#8f336b
```
#8f336b rgb(143,51,107)
```

Split Complementary Color

#8f8533
```
#8f8533 rgb(143,133,51)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#85338f
```
#85338f rgb(133,51,143)
```

Triadic Color

#3d8f33
```
#3d8f33 rgb(61,143,51)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#85338f
```
#85338f rgb(133,51,143)
```
#8f333d
```
#8f333d rgb(143,51,61)
```

Tetradic Color

#1f5751
```
#1f5751 rgb(31,87,81)
```
#266962
```
#266962 rgb(38,105,98)
```
#2c7c74
```
#2c7c74 rgb(44,124,116)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#3aa296
```
#3aa296 rgb(58,162,150)
```
#40b5a8
```
#40b5a8 rgb(64,181,168)
```
#4ec0b4
```
#4ec0b4 rgb(78,192,180)
```

Monochromatic Color

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

#338f6e
```
#338f6e rgb(51,143,110)
```
#338f76
```
#338f76 rgb(51,143,118)
```
#338f7d
```
#338f7d rgb(51,143,125)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#338f8d
```
#338f8d rgb(51,143,141)
```
#338a8f
```
#338a8f rgb(51,138,143)
```
#33828f
```
#33828f rgb(51,130,143)
```

Similar Colors

Text with hexadecimal color #338f85

This text has a font color of #338f85.

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

#338f85 background color

This paragraph has a background color of #338f85.

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

#338f85 border color

This element has a border color of #338f85.

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

CSS codes

.text {color:#338f85;}

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

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

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

#050d0c
```
#050d0c rgb(5,13,12)
```
#0a1b19
```
#0a1b19 rgb(10,27,25)
```
#0f2a27
```
#0f2a27 rgb(15,42,39)
```
#143834
```
#143834 rgb(20,56,52)
```
#194742
```
#194742 rgb(25,71,66)
```
#1e554f
```
#1e554f rgb(30,85,79)
```
#24645d
```
#24645d rgb(36,100,93)
```
#29726a
```
#29726a rgb(41,114,106)
```
#2e8178
```
#2e8178 rgb(46,129,120)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#389d92
```
#389d92 rgb(56,157,146)
```
#3daca0
```
#3daca0 rgb(61,172,160)
```
#42baad
```
#42baad rgb(66,186,173)
```

Shade Color Variation

#50c1b4
```
#50c1b4 rgb(80,193,180)
```
#5ec6ba
```
#5ec6ba rgb(94,198,186)
```
#6dcbc1
```
#6dcbc1 rgb(109,203,193)
```
#7bd0c7
```
#7bd0c7 rgb(123,208,199)
```
#8ad5cd
```
#8ad5cd rgb(138,213,205)
```
#98dad3
```
#98dad3 rgb(152,218,211)
```
#a7dfd9
```
#a7dfd9 rgb(167,223,217)
```
#b5e5df
```
#b5e5df rgb(181,229,223)
```
#c4eae6
```
#c4eae6 rgb(196,234,230)
```
#d2efec
```
#d2efec rgb(210,239,236)
```
#e0f4f2
```
#e0f4f2 rgb(224,244,242)
```
#eff9f8
```
#eff9f8 rgb(239,249,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#606262
```
#606262 rgb(96,98,98)
```
#586a68
```
#586a68 rgb(88,106,104)
```
#51716e
```
#51716e rgb(81,113,110)
```
#497973
```
#497973 rgb(73,121,115)
```
#428079
```
#428079 rgb(66,128,121)
```
#3a887f
```
#3a887f rgb(58,136,127)
```
#338f85
```
#338f85 rgb(51,143,133)
```
#2c968b
```
#2c968b rgb(44,150,139)
```
#249e91
```
#249e91 rgb(36,158,145)
```
#1da597
```
#1da597 rgb(29,165,151)
```
#15ad9c
```
#15ad9c rgb(21,173,156)
```
#0eb4a2
```
#0eb4a2 rgb(14,180,162)
```
#06bca8
```
#06bca8 rgb(6,188,168)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#657876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8784 Protanopia 1% of men
#8f8491 Deuteranopia 1% of men
#47929c Tritanopia 0.001% of the population

Trichromacy

#6a8a84 Protanomaly 1% of men, 0.01% of women
#6e888c Deuteranomaly 6% of men, 0.4% of women
#3f9194 Tritanomaly 0.01% of the population

#338f85 hex color

#338f85 Color Information

#338f85 Color Conversion

Color Schemes with #338f85

Alternatives to #338f85

#338f85 Preview

Shades and Tints of #338f85

Tones of #338f85

Color Blindness Simulator