colorhexa.com

#5aa4a7 hex color

In a RGB color space, hex #5aa4a7 is composed of 35.3% red, 64.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 1.8% magenta, 0% yellow and 34.5% black. It has a hue angle of 182.3 degrees, a saturation of 30.4% and a lightness of 50.4%. #5aa4a7 color hex could be obtained by blending #b4ffff with #00494f. Closest websafe color is: #669999.

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

● #5aa4a7 color description : Dark moderate cyan.

The hexadecimal color #5aa4a7 has RGB values of R:90, G:164, B:167 and CMYK values of C:0.46, M:0.02, Y:0, K:0.35. Its decimal value is 5940391.

Hex triplet	5aa4a7	`#5aa4a7`
RGB Decimal	90, 164, 167	`rgb(90,164,167)`
RGB Percent	35.3, 64.3, 65.5	`rgb(35.3%,64.3%,65.5%)`
CMYK	46, 2, 0, 35
HSL	182.3°, 30.4, 50.4	`hsl(182.3,30.4%,50.4%)`
HSV (or HSB)	182.3°, 46.1, 65.5
Web Safe	669999	`#669999`

CIE-LAB	62.938, -22.194, -8.733
XYZ	24.465, 31.513, 41.351
xyY	0.251, 0.324, 31.513
CIE-LCH	62.938, 23.85, 201.479
CIE-LUV	62.938, -32.981, -9.64
Hunter-Lab	56.136, -20.446, -4.378
Binary	01011010, 10100100, 10100111

#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#a75d5a
```
#a75d5a rgb(167,93,90)
```

Complementary Color

#5aa784
```
#5aa784 rgb(90,167,132)
```
#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#5a7ea7
```
#5a7ea7 rgb(90,126,167)
```

Analogous Color

#a7845a
```
#a7845a rgb(167,132,90)
```
#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#a75a7e
```
#a75a7e rgb(167,90,126)
```

Split Complementary Color

#a4a75a
```
#a4a75a rgb(164,167,90)
```
#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#a75aa4
```
#a75aa4 rgb(167,90,164)
```

Triadic Color

#5aa75d
```
#5aa75d rgb(90,167,93)
```
#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#a75aa4
```
#a75aa4 rgb(167,90,164)
```
#a75d5a
```
#a75d5a rgb(167,93,90)
```

Tetradic Color

#3f7476
```
#3f7476 rgb(63,116,118)
```
#488486
```
#488486 rgb(72,132,134)
```
#519497
```
#519497 rgb(81,148,151)
```
#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#6badb0
```
#6badb0 rgb(107,173,176)
```
#7bb6b9
```
#7bb6b9 rgb(123,182,185)
```
#8cc0c2
```
#8cc0c2 rgb(140,192,194)
```

Monochromatic Color

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

#5aa797
```
#5aa797 rgb(90,167,151)
```
#5aa79d
```
#5aa79d rgb(90,167,157)
```
#5aa7a4
```
#5aa7a4 rgb(90,167,164)
```
#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#5a9ea7
```
#5a9ea7 rgb(90,158,167)
```
#5a97a7
```
#5a97a7 rgb(90,151,167)
```
#5a91a7
```
#5a91a7 rgb(90,145,167)
```

Similar Colors

Text with hexadecimal color #5aa4a7

This text has a font color of #5aa4a7.

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

#5aa4a7 background color

This paragraph has a background color of #5aa4a7.

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

#5aa4a7 border color

This element has a border color of #5aa4a7.

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

CSS codes

.text {color:#5aa4a7;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080e0e
```
#080e0e rgb(8,14,14)
```
#0e1a1b
```
#0e1a1b rgb(14,26,27)
```
#152728
```
#152728 rgb(21,39,40)
```
#1c3434
```
#1c3434 rgb(28,52,52)
```
#234041
```
#234041 rgb(35,64,65)
```
#2a4d4e
```
#2a4d4e rgb(42,77,78)
```
#30595b
```
#30595b rgb(48,89,91)
```
#376668
```
#376668 rgb(55,102,104)
```
#3e7274
```
#3e7274 rgb(62,114,116)
```
#457f81
```
#457f81 rgb(69,127,129)
```
#4c8b8e
```
#4c8b8e rgb(76,139,142)
```
#53989b
```
#53989b rgb(83,152,155)
```

Shade Color Variation

#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#67abae
```
#67abae rgb(103,171,174)
```
#74b2b5
```
#74b2b5 rgb(116,178,181)
```
#80b9bb
```
#80b9bb rgb(128,185,187)
```
#8dc0c2
```
#8dc0c2 rgb(141,192,194)
```
#9ac7c9
```
#9ac7c9 rgb(154,199,201)
```
#a7ced0
```
#a7ced0 rgb(167,206,208)
```
#b4d5d7
```
#b4d5d7 rgb(180,213,215)
```
#c0dcde
```
#c0dcde rgb(192,220,222)
```
#cde3e4
```
#cde3e4 rgb(205,227,228)
```
#daebeb
```
#daebeb rgb(218,235,235)
```
#e7f2f2
```
#e7f2f2 rgb(231,242,242)
```
#f4f9f9
```
#f4f9f9 rgb(244,249,249)
```

Tint Color Variation

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

#77898a
```
#77898a rgb(119,137,138)
```
#6d9294
```
#6d9294 rgb(109,146,148)
```
#649b9d
```
#649b9d rgb(100,155,157)
```
#5aa4a7
```
#5aa4a7 rgb(90,164,167)
```
#50adb1
```
#50adb1 rgb(80,173,177)
```
#47b6ba
```
#47b6ba rgb(71,182,186)
```
#3dbfc4
```
#3dbfc4 rgb(61,191,196)
```
#33c8ce
```
#33c8ce rgb(51,200,206)
```
#29d1d8
```
#29d1d8 rgb(41,209,216)
```
#20dae1
```
#20dae1 rgb(32,218,225)
```
#16e3eb
```
#16e3eb rgb(22,227,235)
```
#0cecf5
```
#0cecf5 rgb(12,236,245)
```
#02f5ff
```
#02f5ff rgb(2,245,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#849293 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9ca4 Protanopia 1% of men
#a299b0 Deuteranopia 1% of men
#65a7b3 Tritanopia 0.001% of the population

Trichromacy

#859fa5 Protanomaly 1% of men, 0.01% of women
#889dad Deuteranomaly 6% of men, 0.4% of women
#61a6af Tritanomaly 0.01% of the population