#338e7c hex color

In a RGB color space, hex #338e7c is composed of 20% red, 55.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 0% magenta, 12.7% yellow and 44.3% black. It has a hue angle of 168.1 degrees, a saturation of 47.2% and a lightness of 37.8%. #338e7c color hex could be obtained by blending #66fff8 with #001d00. Closest websafe color is: #339966.

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

● #338e7c color description : Dark moderate cyan.

The hexadecimal color #338e7c has RGB values of R:51, G:142, B:124 and CMYK values of C:0.64, M:0, Y:0.13, K:0.44. Its decimal value is 3378812.

Hex triplet	338e7c	`#338e7c`
RGB Decimal	51, 142, 124	`rgb(51,142,124)`
RGB Percent	20, 55.7, 48.6	`rgb(20%,55.7%,48.6%)`
CMYK	64, 0, 13, 44
HSL	168.1°, 47.2, 37.8	`hsl(168.1,47.2%,37.8%)`
HSV (or HSB)	168.1°, 64.1, 55.7
Web Safe	339966	`#339966`

CIE-LAB	53.497, -31.318, 1.676
XYZ	14.675, 21.504, 22.445
xyY	0.25, 0.367, 21.504
CIE-LCH	53.497, 31.362, 176.936
CIE-LUV	53.497, -36.682, 6.981
Hunter-Lab	46.372, -24.663, 3.763
Binary	00110011, 10001110, 01111100

#338e7c
```
#338e7c rgb(51,142,124)
```
#8e3345
```
#8e3345 rgb(142,51,69)
```

Complementary Color

#338e4f
```
#338e4f rgb(51,142,79)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#33738e
```
#33738e rgb(51,115,142)
```

Analogous Color

#8e4f33
```
#8e4f33 rgb(142,79,51)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#8e3373
```
#8e3373 rgb(142,51,115)
```

Split Complementary Color

#8e7c33
```
#8e7c33 rgb(142,124,51)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#7c338e
```
#7c338e rgb(124,51,142)
```

Triadic Color

#458e33
```
#458e33 rgb(69,142,51)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#7c338e
```
#7c338e rgb(124,51,142)
```
#8e3345
```
#8e3345 rgb(142,51,69)
```

Tetradic Color

#1f564b
```
#1f564b rgb(31,86,75)
```
#26685b
```
#26685b rgb(38,104,91)
```
#2c7b6c
```
#2c7b6c rgb(44,123,108)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#3aa18c
```
#3aa18c rgb(58,161,140)
```
#40b49d
```
#40b49d rgb(64,180,157)
```
#4ebfa9
```
#4ebfa9 rgb(78,191,169)
```

Monochromatic Color

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

#338e65
```
#338e65 rgb(51,142,101)
```
#338e6d
```
#338e6d rgb(51,142,109)
```
#338e74
```
#338e74 rgb(51,142,116)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#338e84
```
#338e84 rgb(51,142,132)
```
#338e8b
```
#338e8b rgb(51,142,139)
```
#33898e
```
#33898e rgb(51,137,142)
```

Similar Colors

Text with hexadecimal color #338e7c

This text has a font color of #338e7c.

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

#338e7c background color

This paragraph has a background color of #338e7c.

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

#338e7c border color

This element has a border color of #338e7c.

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

CSS codes

.text {color:#338e7c;}

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

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

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)
```
#0a1b17
```
#0a1b17 rgb(10,27,23)
```
#0f2924
```
#0f2924 rgb(15,41,36)
```
#143730
```
#143730 rgb(20,55,48)
```
#19463d
```
#19463d rgb(25,70,61)
```
#1e544a
```
#1e544a rgb(30,84,74)
```
#236356
```
#236356 rgb(35,99,86)
```
#297163
```
#297163 rgb(41,113,99)
```
#2e806f
```
#2e806f rgb(46,128,111)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#389c89
```
#389c89 rgb(56,156,137)
```
#3dab95
```
#3dab95 rgb(61,171,149)
```
#43b9a2
```
#43b9a2 rgb(67,185,162)
```

Shade Color Variation

#4fc0aa
```
#4fc0aa rgb(79,192,170)
```
#5ec5b1
```
#5ec5b1 rgb(94,197,177)
```
#6ccab8
```
#6ccab8 rgb(108,202,184)
```
#7bd0bf
```
#7bd0bf rgb(123,208,191)
```
#89d5c6
```
#89d5c6 rgb(137,213,198)
```
#98dacd
```
#98dacd rgb(152,218,205)
```
#a6dfd4
```
#a6dfd4 rgb(166,223,212)
```
#b5e4db
```
#b5e4db rgb(181,228,219)
```
#c3e9e2
```
#c3e9e2 rgb(195,233,226)
```
#d1efe9
```
#d1efe9 rgb(209,239,233)
```
#e0f4f0
```
#e0f4f0 rgb(224,244,240)
```
#eef9f7
```
#eef9f7 rgb(238,249,247)
```
#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 #06bb97 is the most saturated one.

#606161
```
#606161 rgb(96,97,97)
```
#586966
```
#586966 rgb(88,105,102)
```
#51706a
```
#51706a rgb(81,112,106)
```
#49786f
```
#49786f rgb(73,120,111)
```
#427f73
```
#427f73 rgb(66,127,115)
```
#3a8778
```
#3a8778 rgb(58,135,120)
```
#338e7c
```
#338e7c rgb(51,142,124)
```
#2c9580
```
#2c9580 rgb(44,149,128)
```
#249d85
```
#249d85 rgb(36,157,133)
```
#1da489
```
#1da489 rgb(29,164,137)
```
#15ac8e
```
#15ac8e rgb(21,172,142)
```
#0eb392
```
#0eb392 rgb(14,179,146)
```
#06bb97
```
#06bb97 rgb(6,187,151)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#657773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b857b Protanopia 1% of men
#918288 Deuteranopia 1% of men
#49909a Tritanopia 0.001% of the population

Trichromacy

#6b887b Protanomaly 1% of men, 0.01% of women
#6f8684 Deuteranomaly 6% of men, 0.4% of women
#418f8f Tritanomaly 0.01% of the population

#338e7c hex color

#338e7c Color Information

#338e7c Color Conversion

Color Schemes with #338e7c

Alternatives to #338e7c

#338e7c Preview

Shades and Tints of #338e7c

Tones of #338e7c

Color Blindness Simulator