#338f8e hex color

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

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

● #338f8e color description : Dark moderate cyan.

The hexadecimal color #338f8e has RGB values of R:51, G:143, B:142 and CMYK values of C:0.64, M:0, Y:0.01, K:0.44. Its decimal value is 3379086.

Hex triplet	338f8e	`#338f8e`
RGB Decimal	51, 143, 142	`rgb(51,143,142)`
RGB Percent	20, 56.1, 55.7	`rgb(20%,56.1%,55.7%)`
CMYK	64, 0, 1, 44
HSL	179.3°, 47.4, 38	`hsl(179.3,47.4%,38%)`
HSV (or HSB)	179.3°, 64.3, 56.1
Web Safe	339999	`#339999`

CIE-LAB	54.344, -26.736, -7.466
XYZ	16.069, 22.3, 29.047
xyY	0.238, 0.331, 22.3
CIE-LCH	54.344, 27.759, 195.603
CIE-LUV	54.344, -36.029, -6.932
Hunter-Lab	47.223, -21.902, -3.413
Binary	00110011, 10001111, 10001110

#338f8e
```
#338f8e rgb(51,143,142)
```
#8f3334
```
#8f3334 rgb(143,51,52)
```

Complementary Color

#338f60
```
#338f60 rgb(51,143,96)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#33628f
```
#33628f rgb(51,98,143)
```

Analogous Color

#8f6033
```
#8f6033 rgb(143,96,51)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#8f3362
```
#8f3362 rgb(143,51,98)
```

Split Complementary Color

#8f8e33
```
#8f8e33 rgb(143,142,51)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#8e338f
```
#8e338f rgb(142,51,143)
```

Triadic Color

#348f33
```
#348f33 rgb(52,143,51)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#8e338f
```
#8e338f rgb(142,51,143)
```
#8f3334
```
#8f3334 rgb(143,51,52)
```

Tetradic Color

#1f5756
```
#1f5756 rgb(31,87,86)
```
#266969
```
#266969 rgb(38,105,105)
```
#2c7c7b
```
#2c7c7b rgb(44,124,123)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#3aa2a1
```
#3aa2a1 rgb(58,162,161)
```
#40b5b3
```
#40b5b3 rgb(64,181,179)
```
#4ec0bf
```
#4ec0bf rgb(78,192,191)
```

Monochromatic Color

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

#338f77
```
#338f77 rgb(51,143,119)
```
#338f7f
```
#338f7f rgb(51,143,127)
```
#338f86
```
#338f86 rgb(51,143,134)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#33888f
```
#33888f rgb(51,136,143)
```
#33818f
```
#33818f rgb(51,129,143)
```
#33798f
```
#33798f rgb(51,121,143)
```

Similar Colors

Text with hexadecimal color #338f8e

This text has a font color of #338f8e.

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

#338f8e background color

This paragraph has a background color of #338f8e.

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

#338f8e border color

This element has a border color of #338f8e.

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

CSS codes

.text {color:#338f8e;}

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

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

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

#050d0d
```
#050d0d rgb(5,13,13)
```
#0a1b1b
```
#0a1b1b rgb(10,27,27)
```
#0f2a29
```
#0f2a29 rgb(15,42,41)
```
#143838
```
#143838 rgb(20,56,56)
```
#194746
```
#194746 rgb(25,71,70)
```
#1e5555
```
#1e5555 rgb(30,85,85)
```
#246463
```
#246463 rgb(36,100,99)
```
#297271
```
#297271 rgb(41,114,113)
```
#2e8180
```
#2e8180 rgb(46,129,128)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#389d9c
```
#389d9c rgb(56,157,156)
```
#3dacab
```
#3dacab rgb(61,172,171)
```
#42bab9
```
#42bab9 rgb(66,186,185)
```

Shade Color Variation

#50c1bf
```
#50c1bf rgb(80,193,191)
```
#5ec6c5
```
#5ec6c5 rgb(94,198,197)
```
#6dcbca
```
#6dcbca rgb(109,203,202)
```
#7bd0cf
```
#7bd0cf rgb(123,208,207)
```
#8ad5d4
```
#8ad5d4 rgb(138,213,212)
```
#98dada
```
#98dada rgb(152,218,218)
```
#a7dfdf
```
#a7dfdf rgb(167,223,223)
```
#b5e5e4
```
#b5e5e4 rgb(181,229,228)
```
#c4eae9
```
#c4eae9 rgb(196,234,233)
```
#d2efef
```
#d2efef rgb(210,239,239)
```
#e0f4f4
```
#e0f4f4 rgb(224,244,244)
```
#eff9f9
```
#eff9f9 rgb(239,249,249)
```
#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 #06bcba is the most saturated one.

#606262
```
#606262 rgb(96,98,98)
```
#586a6a
```
#586a6a rgb(88,106,106)
```
#517171
```
#517171 rgb(81,113,113)
```
#497978
```
#497978 rgb(73,121,120)
```
#42807f
```
#42807f rgb(66,128,127)
```
#3a8887
```
#3a8887 rgb(58,136,135)
```
#338f8e
```
#338f8e rgb(51,143,142)
```
#2c9695
```
#2c9695 rgb(44,150,149)
```
#249e9d
```
#249e9d rgb(36,158,157)
```
#1da5a4
```
#1da5a4 rgb(29,165,164)
```
#15adab
```
#15adab rgb(21,173,171)
```
#0eb4b2
```
#0eb4b2 rgb(14,180,178)
```
#06bcba
```
#06bcba rgb(6,188,186)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#667978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#89878c Protanopia 1% of men
#8c8599 Deuteranopia 1% of men
#43939d Tritanopia 0.001% of the population

Trichromacy

#6a8a8d Protanomaly 1% of men, 0.01% of women
#6c8895 Deuteranomaly 6% of men, 0.4% of women
#3d9198 Tritanomaly 0.01% of the population

#338f8e hex color

#338f8e Color Information

#338f8e Color Conversion

Color Schemes with #338f8e

Alternatives to #338f8e

#338f8e Preview

Shades and Tints of #338f8e

Tones of #338f8e

Color Blindness Simulator