colorhexa.com

#5a97a6 hex color

In a RGB color space, hex #5a97a6 is composed of 35.3% red, 59.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 9% magenta, 0% yellow and 34.9% black. It has a hue angle of 191.8 degrees, a saturation of 29.9% and a lightness of 50.2%. #5a97a6 color hex could be obtained by blending #b4ffff with #002f4d. Closest websafe color is: #669999.

- R 35
- G 59
- B 65
RGB color chart
- C 46
- M 9
- Y 0
- K 35
CMYK color chart

● #5a97a6 color description : Dark moderate cyan.

The hexadecimal color #5a97a6 has RGB values of R:90, G:151, B:166 and CMYK values of C:0.46, M:0.09, Y:0, K:0.35. Its decimal value is 5937062.

Hex triplet	5a97a6	`#5a97a6`
RGB Decimal	90, 151, 166	`rgb(90,151,166)`
RGB Percent	35.3, 59.2, 65.1	`rgb(35.3%,59.2%,65.1%)`
CMYK	46, 9, 0, 35
HSL	191.8°, 29.9, 50.2	`hsl(191.8,29.9%,50.2%)`
HSV (or HSB)	191.8°, 45.8, 65.1
Web Safe	669999	`#669999`

CIE-LAB	59.029, -15.642, -14.034
XYZ	22.164, 27.059, 40.129
xyY	0.248, 0.303, 27.059
CIE-LCH	59.029, 21.015, 221.897
CIE-LUV	59.029, -27.767, -18.641
Hunter-Lab	52.018, -14.975, -9.327
Binary	01011010, 10010111, 10100110

#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#a6695a
```
#a6695a rgb(166,105,90)
```

Complementary Color

#5aa68f
```
#5aa68f rgb(90,166,143)
```
#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#5a71a6
```
#5a71a6 rgb(90,113,166)
```

Analogous Color

#a68f5a
```
#a68f5a rgb(166,143,90)
```
#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#a65a71
```
#a65a71 rgb(166,90,113)
```

Split Complementary Color

#97a65a
```
#97a65a rgb(151,166,90)
```
#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#a65a97
```
#a65a97 rgb(166,90,151)
```

Triadic Color

#5aa669
```
#5aa669 rgb(90,166,105)
```
#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#a65a97
```
#a65a97 rgb(166,90,151)
```
#a6695a
```
#a6695a rgb(166,105,90)
```

Tetradic Color

#3f6a75
```
#3f6a75 rgb(63,106,117)
```
#487985
```
#487985 rgb(72,121,133)
```
#518896
```
#518896 rgb(81,136,150)
```
#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#6ba1af
```
#6ba1af rgb(107,161,175)
```
#7bacb8
```
#7bacb8 rgb(123,172,184)
```
#8cb6c1
```
#8cb6c1 rgb(140,182,193)
```

Monochromatic Color

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

#5aa6a2
```
#5aa6a2 rgb(90,166,162)
```
#5aa4a6
```
#5aa4a6 rgb(90,164,166)
```
#5a9da6
```
#5a9da6 rgb(90,157,166)
```
#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#5a91a6
```
#5a91a6 rgb(90,145,166)
```
#5a8aa6
```
#5a8aa6 rgb(90,138,166)
```
#5a84a6
```
#5a84a6 rgb(90,132,166)
```

Similar Colors

Text with hexadecimal color #5a97a6

This text has a font color of #5a97a6.

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

#5a97a6 background color

This paragraph has a background color of #5a97a6.

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

#5a97a6 border color

This element has a border color of #5a97a6.

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

CSS codes

.text {color:#5a97a6;}

.background {background-color:#5a97a6;}

.border {border:1px solid #5a97a6;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070c0d
```
#070c0d rgb(7,12,13)
```
#0e181a
```
#0e181a rgb(14,24,26)
```
#152327
```
#152327 rgb(21,35,39)
```
#1c2f34
```
#1c2f34 rgb(28,47,52)
```
#233b40
```
#233b40 rgb(35,59,64)
```
#2a464d
```
#2a464d rgb(42,70,77)
```
#30525a
```
#30525a rgb(48,82,90)
```
#375d67
```
#375d67 rgb(55,93,103)
```
#3e6973
```
#3e6973 rgb(62,105,115)
```
#457480
```
#457480 rgb(69,116,128)
```
#4c808d
```
#4c808d rgb(76,128,141)
```
#538c9a
```
#538c9a rgb(83,140,154)
```

Shade Color Variation

#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#679fad
```
#679fad rgb(103,159,173)
```
#73a7b4
```
#73a7b4 rgb(115,167,180)
```
#80afbb
```
#80afbb rgb(128,175,187)
```
#8db7c1
```
#8db7c1 rgb(141,183,193)
```
#9abfc8
```
#9abfc8 rgb(154,191,200)
```
#a6c7cf
```
#a6c7cf rgb(166,199,207)
```
#b3cfd6
```
#b3cfd6 rgb(179,207,214)
```
#c0d7dd
```
#c0d7dd rgb(192,215,221)
```
#cddfe4
```
#cddfe4 rgb(205,223,228)
```
#d9e7eb
```
#d9e7eb rgb(217,231,235)
```
#e6eff2
```
#e6eff2 rgb(230,239,242)
```
#f3f7f8
```
#f3f7f8 rgb(243,247,248)
```

Tint Color Variation

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

#778589
```
#778589 rgb(119,133,137)
```
#6e8b92
```
#6e8b92 rgb(110,139,146)
```
#64919c
```
#64919c rgb(100,145,156)
```
#5a97a6
```
#5a97a6 rgb(90,151,166)
```
#509db0
```
#509db0 rgb(80,157,176)
```
#46a3ba
```
#46a3ba rgb(70,163,186)
```
#3da9c3
```
#3da9c3 rgb(61,169,195)
```
#33afcd
```
#33afcd rgb(51,175,205)
```
#29b5d7
```
#29b5d7 rgb(41,181,215)
```
#1fbae1
```
#1fbae1 rgb(31,186,225)
```
#16c0ea
```
#16c0ea rgb(22,192,234)
```
#0cc6f4
```
#0cc6f4 rgb(12,198,244)
```
#02ccfe
```
#02ccfe rgb(2,204,254)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7d898c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9192a4 Protanopia 1% of men
#9390ae Deuteranopia 1% of men
#619ca8 Tritanopia 0.001% of the population

Trichromacy

#7d94a5 Protanomaly 1% of men, 0.01% of women
#7e93ab Deuteranomaly 6% of men, 0.4% of women
#5e9aa7 Tritanomaly 0.01% of the population