#338b7a hex color

In a RGB color space, hex #338b7a is composed of 20% red, 54.5% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 0% magenta, 12.2% yellow and 45.5% black. It has a hue angle of 168.4 degrees, a saturation of 46.3% and a lightness of 37.3%. #338b7a color hex could be obtained by blending #66fff4 with #001700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 55
- B 48
RGB color chart
- C 63
- M 0
- Y 12
- K 45
CMYK color chart

● #338b7a color description : Dark moderate cyan.

The hexadecimal color #338b7a has RGB values of R:51, G:139, B:122 and CMYK values of C:0.63, M:0, Y:0.12, K:0.45. Its decimal value is 3378042.

Hex triplet	338b7a	`#338b7a`
RGB Decimal	51, 139, 122	`rgb(51,139,122)`
RGB Percent	20, 54.5, 47.8	`rgb(20%,54.5%,47.8%)`
CMYK	63, 0, 12, 45
HSL	168.4°, 46.3, 37.3	`hsl(168.4,46.3%,37.3%)`
HSV (or HSB)	168.4°, 63.3, 54.5
Web Safe	339966	`#339966`

CIE-LAB	52.479, -30.423, 1.354
XYZ	14.11, 20.573, 21.639
xyY	0.251, 0.365, 20.573
CIE-LCH	52.479, 30.453, 177.452
CIE-LUV	52.479, -35.638, 6.372
Hunter-Lab	45.357, -23.849, 3.465
Binary	00110011, 10001011, 01111010

#338b7a
```
#338b7a rgb(51,139,122)
```
#8b3344
```
#8b3344 rgb(139,51,68)
```

Complementary Color

#338b4e
```
#338b4e rgb(51,139,78)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#33708b
```
#33708b rgb(51,112,139)
```

Analogous Color

#8b4e33
```
#8b4e33 rgb(139,78,51)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#8b3370
```
#8b3370 rgb(139,51,112)
```

Split Complementary Color

#8b7a33
```
#8b7a33 rgb(139,122,51)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#7a338b
```
#7a338b rgb(122,51,139)
```

Triadic Color

#448b33
```
#448b33 rgb(68,139,51)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#7a338b
```
#7a338b rgb(122,51,139)
```
#8b3344
```
#8b3344 rgb(139,51,68)
```

Tetradic Color

#1e5349
```
#1e5349 rgb(30,83,73)
```
#256659
```
#256659 rgb(37,102,89)
```
#2c786a
```
#2c786a rgb(44,120,106)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#3a9e8a
```
#3a9e8a rgb(58,158,138)
```
#41b09b
```
#41b09b rgb(65,176,155)
```
#4dbea8
```
#4dbea8 rgb(77,190,168)
```

Monochromatic Color

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

#338b64
```
#338b64 rgb(51,139,100)
```
#338b6b
```
#338b6b rgb(51,139,107)
```
#338b73
```
#338b73 rgb(51,139,115)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#338b81
```
#338b81 rgb(51,139,129)
```
#338b89
```
#338b89 rgb(51,139,137)
```
#33868b
```
#33868b rgb(51,134,139)
```

Similar Colors

Text with hexadecimal color #338b7a

This text has a font color of #338b7a.

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

#338b7a background color

This paragraph has a background color of #338b7a.

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

#338b7a border color

This element has a border color of #338b7a.

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

CSS codes

.text {color:#338b7a;}

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

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

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

#040a09
```
#040a09 rgb(4,10,9)
```
#091815
```
#091815 rgb(9,24,21)
```
#0e2722
```
#0e2722 rgb(14,39,34)
```
#13352e
```
#13352e rgb(19,53,46)
```
#19433b
```
#19433b rgb(25,67,59)
```
#1e5248
```
#1e5248 rgb(30,82,72)
```
#236054
```
#236054 rgb(35,96,84)
```
#286e61
```
#286e61 rgb(40,110,97)
```
#2e7d6d
```
#2e7d6d rgb(46,125,109)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#389987
```
#389987 rgb(56,153,135)
```
#3ea893
```
#3ea893 rgb(62,168,147)
```
#43b6a0
```
#43b6a0 rgb(67,182,160)
```

Shade Color Variation

#4ebea9
```
#4ebea9 rgb(78,190,169)
```
#5dc3b0
```
#5dc3b0 rgb(93,195,176)
```
#6bc9b7
```
#6bc9b7 rgb(107,201,183)
```
#79cebe
```
#79cebe rgb(121,206,190)
```
#88d3c5
```
#88d3c5 rgb(136,211,197)
```
#96d8cc
```
#96d8cc rgb(150,216,204)
```
#a4ded3
```
#a4ded3 rgb(164,222,211)
```
#b3e3da
```
#b3e3da rgb(179,227,218)
```
#c1e8e1
```
#c1e8e1 rgb(193,232,225)
```
#cfeee8
```
#cfeee8 rgb(207,238,232)
```
#def3ef
```
#def3ef rgb(222,243,239)
```
#ecf8f6
```
#ecf8f6 rgb(236,248,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f5f5f is the less saturated color, while #07b795 is the most saturated one.

#5f5f5f
```
#5f5f5f rgb(95,95,95)
```
#586664
```
#586664 rgb(88,102,100)
```
#506e68
```
#506e68 rgb(80,110,104)
```
#49756d
```
#49756d rgb(73,117,109)
```
#427c71
```
#427c71 rgb(66,124,113)
```
#3a8476
```
#3a8476 rgb(58,132,118)
```
#338b7a
```
#338b7a rgb(51,139,122)
```
#2c927e
```
#2c927e rgb(44,146,126)
```
#249a83
```
#249a83 rgb(36,154,131)
```
#1da187
```
#1da187 rgb(29,161,135)
```
#16a88c
```
#16a88c rgb(22,168,140)
```
#0eb090
```
#0eb090 rgb(14,176,144)
```
#07b795
```
#07b795 rgb(7,183,149)
```

Tone Color Variation

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

Dichromacy

#88837a Protanopia 1% of men
#8e8086 Deuteranopia 1% of men
#488d97 Tritanopia 0.001% of the population

Trichromacy

#69867a Protanomaly 1% of men, 0.01% of women
#6d8482 Deuteranomaly 6% of men, 0.4% of women
#408c8d Tritanomaly 0.01% of the population

#338b7a hex color

#338b7a Color Information

#338b7a Color Conversion

Color Schemes with #338b7a

Alternatives to #338b7a

#338b7a Preview

Shades and Tints of #338b7a

Tones of #338b7a

Color Blindness Simulator