#5395a9 hex color

In a RGB color space, hex #5395a9 is composed of 32.5% red, 58.4% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 11.8% magenta, 0% yellow and 33.7% black. It has a hue angle of 194 degrees, a saturation of 34.1% and a lightness of 49.4%. #5395a9 color hex could be obtained by blending #a6ffff with #002b53. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 58
- B 66
RGB color chart
- C 51
- M 12
- Y 0
- K 34
CMYK color chart

● #5395a9 color description : Dark moderate cyan.

The hexadecimal color #5395a9 has RGB values of R:83, G:149, B:169 and CMYK values of C:0.51, M:0.12, Y:0, K:0.34. Its decimal value is 5477801.

Hex triplet	5395a9	`#5395a9`
RGB Decimal	83, 149, 169	`rgb(83,149,169)`
RGB Percent	32.5, 58.4, 66.3	`rgb(32.5%,58.4%,66.3%)`
CMYK	51, 12, 0, 34
HSL	194°, 34.1, 49.4	`hsl(194,34.1%,49.4%)`
HSV (or HSB)	194°, 50.9, 66.3
Web Safe	669999	`#669999`

CIE-LAB	58.224, -15.4, -16.988
XYZ	21.474, 26.197, 41.459
xyY	0.241, 0.294, 26.197
CIE-LCH	58.224, 22.929, 227.809
CIE-LUV	58.224, -29.08, -23.276
Hunter-Lab	51.183, -14.679, -12.197
Binary	01010011, 10010101, 10101001

#5395a9
```
#5395a9 rgb(83,149,169)
```
#a96753
```
#a96753 rgb(169,103,83)
```

Complementary Color

#53a992
```
#53a992 rgb(83,169,146)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```
#536aa9
```
#536aa9 rgb(83,106,169)
```

Analogous Color

#a99253
```
#a99253 rgb(169,146,83)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```
#a9536a
```
#a9536a rgb(169,83,106)
```

Split Complementary Color

#95a953
```
#95a953 rgb(149,169,83)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```
#a95395
```
#a95395 rgb(169,83,149)
```

Triadic Color

#53a967
```
#53a967 rgb(83,169,103)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```
#a95395
```
#a95395 rgb(169,83,149)
```
#a96753
```
#a96753 rgb(169,103,83)
```

Tetradic Color

#3a6876
```
#3a6876 rgb(58,104,118)
```
#427787
```
#427787 rgb(66,119,135)
```
#4b8698
```
#4b8698 rgb(75,134,152)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```
#63a0b2
```
#63a0b2 rgb(99,160,178)
```
#74aabb
```
#74aabb rgb(116,170,187)
```
#85b5c3
```
#85b5c3 rgb(133,181,195)
```

Monochromatic Color

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

#53a9a8
```
#53a9a8 rgb(83,169,168)
```
#53a3a9
```
#53a3a9 rgb(83,163,169)
```
#539ca9
```
#539ca9 rgb(83,156,169)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```
#538ea9
```
#538ea9 rgb(83,142,169)
```
#5387a9
```
#5387a9 rgb(83,135,169)
```
#5380a9
```
#5380a9 rgb(83,128,169)
```

Similar Colors

Text with hexadecimal color #5395a9

This text has a font color of #5395a9.

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

#5395a9 background color

This paragraph has a background color of #5395a9.

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

#5395a9 border color

This element has a border color of #5395a9.

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

CSS codes

.text {color:#5395a9;}

.background {background-color:#5395a9;}

.border {border:1px solid #5395a9;}

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

#050a0b
```
#050a0b rgb(5,10,11)
```
#0c1518
```
#0c1518 rgb(12,21,24)
```
#122125
```
#122125 rgb(18,33,37)
```
#192d33
```
#192d33 rgb(25,45,51)
```
#1f3840
```
#1f3840 rgb(31,56,64)
```
#26444d
```
#26444d rgb(38,68,77)
```
#2c4f5a
```
#2c4f5a rgb(44,79,90)
```
#335b67
```
#335b67 rgb(51,91,103)
```
#396774
```
#396774 rgb(57,103,116)
```
#407282
```
#407282 rgb(64,114,130)
```
#467e8f
```
#467e8f rgb(70,126,143)
```
#4d899c
```
#4d899c rgb(77,137,156)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```

Shade Color Variation

#5f9eb0
```
#5f9eb0 rgb(95,158,176)
```
#6ca6b7
```
#6ca6b7 rgb(108,166,183)
```
#79aebd
```
#79aebd rgb(121,174,189)
```
#87b6c4
```
#87b6c4 rgb(135,182,196)
```
#94beca
```
#94beca rgb(148,190,202)
```
#a1c6d1
```
#a1c6d1 rgb(161,198,209)
```
#aeced7
```
#aeced7 rgb(174,206,215)
```
#bbd6de
```
#bbd6de rgb(187,214,222)
```
#c8dee4
```
#c8dee4 rgb(200,222,228)
```
#d6e6eb
```
#d6e6eb rgb(214,230,235)
```
#e3eef1
```
#e3eef1 rgb(227,238,241)
```
#f0f6f8
```
#f0f6f8 rgb(240,246,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#7a8082
```
#7a8082 rgb(122,128,130)
```
#70858c
```
#70858c rgb(112,133,140)
```
#668b96
```
#668b96 rgb(102,139,150)
```
#5d909f
```
#5d909f rgb(93,144,159)
```
#5395a9
```
#5395a9 rgb(83,149,169)
```
#499ab3
```
#499ab3 rgb(73,154,179)
```
#409fbc
```
#409fbc rgb(64,159,188)
```
#36a5c6
```
#36a5c6 rgb(54,165,198)
```
#2caad0
```
#2caad0 rgb(44,170,208)
```
#23afd9
```
#23afd9 rgb(35,175,217)
```
#19b4e3
```
#19b4e3 rgb(25,180,227)
```
#0fb9ed
```
#0fb9ed rgb(15,185,237)
```
#05bef7
```
#05bef7 rgb(5,190,247)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7a878b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d90a7 Protanopia 1% of men
#8e8fb1 Deuteranopia 1% of men
#599ba7 Tritanopia 0.001% of the population

Trichromacy

#7892a8 Protanomaly 1% of men, 0.01% of women
#7891ae Deuteranomaly 6% of men, 0.4% of women
#5699a7 Tritanomaly 0.01% of the population

#5395a9 hex color

#5395a9 Color Information

#5395a9 Color Conversion

Color Schemes with #5395a9

Alternatives to #5395a9

#5395a9 Preview

Shades and Tints of #5395a9

Tones of #5395a9

Color Blindness Simulator