#338495 hex color

In a RGB color space, hex #338495 is composed of 20% red, 51.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 65.8% cyan, 11.4% magenta, 0% yellow and 41.6% black. It has a hue angle of 190.4 degrees, a saturation of 49% and a lightness of 39.2%. #338495 color hex could be obtained by blending #66ffff with #00092b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 52
- B 58
RGB color chart
- C 66
- M 11
- Y 0
- K 42
CMYK color chart

● #338495 color description : Dark moderate cyan.

The hexadecimal color #338495 has RGB values of R:51, G:132, B:149 and CMYK values of C:0.66, M:0.11, Y:0, K:0.42. Its decimal value is 3376277.

Hex triplet	338495	`#338495`
RGB Decimal	51, 132, 149	`rgb(51,132,149)`
RGB Percent	20, 51.8, 58.4	`rgb(20%,51.8%,58.4%)`
CMYK	66, 11, 0, 42
HSL	190.4°, 49, 39.2	`hsl(190.4,49%,39.2%)`
HSV (or HSB)	190.4°, 65.8, 58.4
Web Safe	339999	`#339999`

CIE-LAB	51.123, -18.883, -16.377
XYZ	15.04, 19.375, 31.379
xyY	0.229, 0.294, 19.375
CIE-LCH	51.123, 24.996, 220.934
CIE-LUV	51.123, -31.48, -21.389
Hunter-Lab	44.017, -16.04, -11.455
Binary	00110011, 10000100, 10010101

#338495
```
#338495 rgb(51,132,149)
```
#954433
```
#954433 rgb(149,68,51)
```

Complementary Color

#339575
```
#339575 rgb(51,149,117)
```
#338495
```
#338495 rgb(51,132,149)
```
#335395
```
#335395 rgb(51,83,149)
```

Analogous Color

#957533
```
#957533 rgb(149,117,51)
```
#338495
```
#338495 rgb(51,132,149)
```
#953353
```
#953353 rgb(149,51,83)
```

Split Complementary Color

#849533
```
#849533 rgb(132,149,51)
```
#338495
```
#338495 rgb(51,132,149)
```
#953384
```
#953384 rgb(149,51,132)
```

Triadic Color

#339544
```
#339544 rgb(51,149,68)
```
#338495
```
#338495 rgb(51,132,149)
```
#953384
```
#953384 rgb(149,51,132)
```
#954433
```
#954433 rgb(149,68,51)
```

Tetradic Color

#1f525c
```
#1f525c rgb(31,82,92)
```
#26626f
```
#26626f rgb(38,98,111)
```
#2c7382
```
#2c7382 rgb(44,115,130)
```
#338495
```
#338495 rgb(51,132,149)
```
#3a95a8
```
#3a95a8 rgb(58,149,168)
```
#40a6bb
```
#40a6bb rgb(64,166,187)
```
#51b0c3
```
#51b0c3 rgb(81,176,195)
```

Monochromatic Color

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

#33958e
```
#33958e rgb(51,149,142)
```
#339495
```
#339495 rgb(51,148,149)
```
#338c95
```
#338c95 rgb(51,140,149)
```
#338495
```
#338495 rgb(51,132,149)
```
#337c95
```
#337c95 rgb(51,124,149)
```
#337495
```
#337495 rgb(51,116,149)
```
#336c95
```
#336c95 rgb(51,108,149)
```

Similar Colors

Text with hexadecimal color #338495

This text has a font color of #338495.

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

#338495 background color

This paragraph has a background color of #338495.

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

#338495 border color

This element has a border color of #338495.

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

CSS codes

.text {color:#338495;}

.background {background-color:#338495;}

.border {border:1px solid #338495;}

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, #010303 is the darkest color, while #f3fafb is the lightest one.

#010303
```
#010303 rgb(1,3,3)
```
#060f11
```
#060f11 rgb(6,15,17)
```
#0b1c20
```
#0b1c20 rgb(11,28,32)
```
#10292f
```
#10292f rgb(16,41,47)
```
#15363d
```
#15363d rgb(21,54,61)
```
#1a434c
```
#1a434c rgb(26,67,76)
```
#1f505b
```
#1f505b rgb(31,80,91)
```
#245d69
```
#245d69 rgb(36,93,105)
```
#296a78
```
#296a78 rgb(41,106,120)
```
#2e7786
```
#2e7786 rgb(46,119,134)
```
#338495
```
#338495 rgb(51,132,149)
```
#3891a4
```
#3891a4 rgb(56,145,164)
```
#3d9eb2
```
#3d9eb2 rgb(61,158,178)
```

Shade Color Variation

#44aabf
```
#44aabf rgb(68,170,191)
```
#53b0c4
```
#53b0c4 rgb(83,176,196)
```
#61b7c9
```
#61b7c9 rgb(97,183,201)
```
#70bece
```
#70bece rgb(112,190,206)
```
#7ec4d3
```
#7ec4d3 rgb(126,196,211)
```
#8dcbd8
```
#8dcbd8 rgb(141,203,216)
```
#9cd2dd
```
#9cd2dd rgb(156,210,221)
```
#aad8e2
```
#aad8e2 rgb(170,216,226)
```
#b9dfe7
```
#b9dfe7 rgb(185,223,231)
```
#c7e6ec
```
#c7e6ec rgb(199,230,236)
```
#d6ecf1
```
#d6ecf1 rgb(214,236,241)
```
#e5f3f6
```
#e5f3f6 rgb(229,243,246)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#616667
```
#616667 rgb(97,102,103)
```
#596b6f
```
#596b6f rgb(89,107,111)
```
#527076
```
#527076 rgb(82,112,118)
```
#4a757e
```
#4a757e rgb(74,117,126)
```
#427a86
```
#427a86 rgb(66,122,134)
```
#3b7f8d
```
#3b7f8d rgb(59,127,141)
```
#338495
```
#338495 rgb(51,132,149)
```
#2b899d
```
#2b899d rgb(43,137,157)
```
#248ea4
```
#248ea4 rgb(36,142,164)
```
#1c93ac
```
#1c93ac rgb(28,147,172)
```
#1498b4
```
#1498b4 rgb(20,152,180)
```
#0d9dbb
```
#0d9dbb rgb(13,157,187)
```
#05a2c3
```
#05a2c3 rgb(5,162,195)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#627276 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7f93 Protanopia 1% of men
#7b7e9f Deuteranopia 1% of men
#3a8b95 Tritanopia 0.001% of the population

Trichromacy

#618194 Protanomaly 1% of men, 0.01% of women
#61809b Deuteranomaly 6% of men, 0.4% of women
#378895 Tritanomaly 0.01% of the population

#338495 hex color

#338495 Color Information

#338495 Color Conversion

Color Schemes with #338495

Alternatives to #338495

#338495 Preview

Shades and Tints of #338495

Tones of #338495

Color Blindness Simulator