#338e85 hex color

In a RGB color space, hex #338e85 is composed of 20% red, 55.7% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 6.3% yellow and 44.3% black. It has a hue angle of 174.1 degrees, a saturation of 47.2% and a lightness of 37.8%. #338e85 color hex could be obtained by blending #66ffff with #001d0b. Closest websafe color is: #339999.

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

● #338e85 color description : Dark moderate cyan.

The hexadecimal color #338e85 has RGB values of R:51, G:142, B:133 and CMYK values of C:0.64, M:0, Y:0.06, K:0.44. Its decimal value is 3378821.

Hex triplet	338e85	`#338e85`
RGB Decimal	51, 142, 133	`rgb(51,142,133)`
RGB Percent	20, 55.7, 52.2	`rgb(20%,55.7%,52.2%)`
CMYK	64, 0, 6, 44
HSL	174.1°, 47.2, 37.8	`hsl(174.1,47.2%,37.8%)`
HSV (or HSB)	174.1°, 64.1, 55.7
Web Safe	339999	`#339999`

CIE-LAB	53.752, -28.84, -3.147
XYZ	15.271, 21.742, 25.581
xyY	0.244, 0.347, 21.742
CIE-LCH	53.752, 29.011, 186.228
CIE-LUV	53.752, -36.169, -0.257
Hunter-Lab	46.628, -23.142, 0.113
Binary	00110011, 10001110, 10000101

#338e85
```
#338e85 rgb(51,142,133)
```
#8e333c
```
#8e333c rgb(142,51,60)
```

Complementary Color

#338e58
```
#338e58 rgb(51,142,88)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#336a8e
```
#336a8e rgb(51,106,142)
```

Analogous Color

#8e5833
```
#8e5833 rgb(142,88,51)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#8e336a
```
#8e336a rgb(142,51,106)
```

Split Complementary Color

#8e8533
```
#8e8533 rgb(142,133,51)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#85338e
```
#85338e rgb(133,51,142)
```

Triadic Color

#3c8e33
```
#3c8e33 rgb(60,142,51)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#85338e
```
#85338e rgb(133,51,142)
```
#8e333c
```
#8e333c rgb(142,51,60)
```

Tetradic Color

#1f5650
```
#1f5650 rgb(31,86,80)
```
#266862
```
#266862 rgb(38,104,98)
```
#2c7b73
```
#2c7b73 rgb(44,123,115)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#3aa197
```
#3aa197 rgb(58,161,151)
```
#40b4a8
```
#40b4a8 rgb(64,180,168)
```
#4ebfb4
```
#4ebfb4 rgb(78,191,180)
```

Monochromatic Color

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

#338e6e
```
#338e6e rgb(51,142,110)
```
#338e76
```
#338e76 rgb(51,142,118)
```
#338e7d
```
#338e7d rgb(51,142,125)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#338e8d
```
#338e8d rgb(51,142,141)
```
#33888e
```
#33888e rgb(51,136,142)
```
#33808e
```
#33808e rgb(51,128,142)
```

Similar Colors

Text with hexadecimal color #338e85

This text has a font color of #338e85.

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

#338e85 background color

This paragraph has a background color of #338e85.

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

#338e85 border color

This element has a border color of #338e85.

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

CSS codes

.text {color:#338e85;}

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

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

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

#040c0b
```
#040c0b rgb(4,12,11)
```
#0a1b19
```
#0a1b19 rgb(10,27,25)
```
#0f2926
```
#0f2926 rgb(15,41,38)
```
#143734
```
#143734 rgb(20,55,52)
```
#194641
```
#194641 rgb(25,70,65)
```
#1e544f
```
#1e544f rgb(30,84,79)
```
#23635c
```
#23635c rgb(35,99,92)
```
#29716a
```
#29716a rgb(41,113,106)
```
#2e8077
```
#2e8077 rgb(46,128,119)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#389c93
```
#389c93 rgb(56,156,147)
```
#3daba0
```
#3daba0 rgb(61,171,160)
```
#43b9ae
```
#43b9ae rgb(67,185,174)
```

Shade Color Variation

#4fc0b5
```
#4fc0b5 rgb(79,192,181)
```
#5ec5bb
```
#5ec5bb rgb(94,197,187)
```
#6ccac1
```
#6ccac1 rgb(108,202,193)
```
#7bd0c7
```
#7bd0c7 rgb(123,208,199)
```
#89d5cd
```
#89d5cd rgb(137,213,205)
```
#98dad3
```
#98dad3 rgb(152,218,211)
```
#a6dfd9
```
#a6dfd9 rgb(166,223,217)
```
#b5e4e0
```
#b5e4e0 rgb(181,228,224)
```
#c3e9e6
```
#c3e9e6 rgb(195,233,230)
```
#d1efec
```
#d1efec rgb(209,239,236)
```
#e0f4f2
```
#e0f4f2 rgb(224,244,242)
```
#eef9f8
```
#eef9f8 rgb(238,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, #606161 is the less saturated color, while #06bba9 is the most saturated one.

#606161
```
#606161 rgb(96,97,97)
```
#586967
```
#586967 rgb(88,105,103)
```
#51706d
```
#51706d rgb(81,112,109)
```
#497873
```
#497873 rgb(73,120,115)
```
#427f79
```
#427f79 rgb(66,127,121)
```
#3a877f
```
#3a877f rgb(58,135,127)
```
#338e85
```
#338e85 rgb(51,142,133)
```
#2c958b
```
#2c958b rgb(44,149,139)
```
#249d91
```
#249d91 rgb(36,157,145)
```
#1da497
```
#1da497 rgb(29,164,151)
```
#15ac9d
```
#15ac9d rgb(21,172,157)
```
#0eb3a3
```
#0eb3a3 rgb(14,179,163)
```
#06bba9
```
#06bba9 rgb(6,187,169)
```

Tone Color Variation

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

#898684 Protanopia 1% of men
#8e8391 Deuteranopia 1% of men
#46919b Tritanopia 0.001% of the population

Trichromacy

#6a8984 Protanomaly 1% of men, 0.01% of women
#6d878c Deuteranomaly 6% of men, 0.4% of women
#3f9093 Tritanomaly 0.01% of the population

#338e85 hex color

#338e85 Color Information

#338e85 Color Conversion

Color Schemes with #338e85

Alternatives to #338e85

#338e85 Preview

Shades and Tints of #338e85

Tones of #338e85

Color Blindness Simulator