#5a8480 hex color

In a RGB color space, hex #5a8480 is composed of 35.3% red, 51.8% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 31.8% cyan, 0% magenta, 3% yellow and 48.2% black. It has a hue angle of 174.3 degrees, a saturation of 18.9% and a lightness of 43.5%. #5a8480 color hex could be obtained by blending #b4ffff with #000901. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 52
- B 50
RGB color chart
- C 32
- M 0
- Y 3
- K 48
CMYK color chart

● #5a8480 color description : Mostly desaturated dark cyan.

The hexadecimal color #5a8480 has RGB values of R:90, G:132, B:128 and CMYK values of C:0.32, M:0, Y:0.03, K:0.48. Its decimal value is 5932160.

Hex triplet	5a8480	`#5a8480`
RGB Decimal	90, 132, 128	`rgb(90,132,128)`
RGB Percent	35.3, 51.8, 50.2	`rgb(35.3%,51.8%,50.2%)`
CMYK	32, 0, 3, 48
HSL	174.3°, 18.9, 43.5	`hsl(174.3,18.9%,43.5%)`
HSV (or HSB)	174.3°, 31.8, 51.8
Web Safe	669999	`#669999`

CIE-LAB	52.101, -15.388, -2.492
XYZ	16.363, 20.234, 23.464
xyY	0.272, 0.337, 20.234
CIE-LCH	52.101, 15.589, 189.199
CIE-LUV	52.101, -20.406, -1.162
Hunter-Lab	44.982, -13.787, 0.56
Binary	01011010, 10000100, 10000000

#5a8480
```
#5a8480 rgb(90,132,128)
```
#845a5e
```
#845a5e rgb(132,90,94)
```

Complementary Color

#5a846b
```
#5a846b rgb(90,132,107)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#5a7384
```
#5a7384 rgb(90,115,132)
```

Analogous Color

#846b5a
```
#846b5a rgb(132,107,90)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#845a73
```
#845a73 rgb(132,90,115)
```

Split Complementary Color

#84805a
```
#84805a rgb(132,128,90)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#805a84
```
#805a84 rgb(128,90,132)
```

Triadic Color

#5e845a
```
#5e845a rgb(94,132,90)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#805a84
```
#805a84 rgb(128,90,132)
```
#845a5e
```
#845a5e rgb(132,90,94)
```

Tetradic Color

#3b5754
```
#3b5754 rgb(59,87,84)
```
#456663
```
#456663 rgb(69,102,99)
```
#507571
```
#507571 rgb(80,117,113)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#64938f
```
#64938f rgb(100,147,143)
```
#729f9b
```
#729f9b rgb(114,159,155)
```
#81a9a5
```
#81a9a5 rgb(129,169,165)
```

Monochromatic Color

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

#5a8476
```
#5a8476 rgb(90,132,118)
```
#5a8479
```
#5a8479 rgb(90,132,121)
```
#5a847d
```
#5a847d rgb(90,132,125)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#5a8484
```
#5a8484 rgb(90,132,132)
```
#5a8184
```
#5a8184 rgb(90,129,132)
```
#5a7e84
```
#5a7e84 rgb(90,126,132)
```

Similar Colors

Text with hexadecimal color #5a8480

This text has a font color of #5a8480.

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

#5a8480 background color

This paragraph has a background color of #5a8480.

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

#5a8480 border color

This element has a border color of #5a8480.

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

CSS codes

.text {color:#5a8480;}

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

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a0f0f
```
#0a0f0f rgb(10,15,15)
```
#121b1a
```
#121b1a rgb(18,27,26)
```
#1a2726
```
#1a2726 rgb(26,39,38)
```
#223231
```
#223231 rgb(34,50,49)
```
#2a3e3c
```
#2a3e3c rgb(42,62,60)
```
#324a47
```
#324a47 rgb(50,74,71)
```
#3a5553
```
#3a5553 rgb(58,85,83)
```
#42615e
```
#42615e rgb(66,97,94)
```
#4a6d69
```
#4a6d69 rgb(74,109,105)
```
#527875
```
#527875 rgb(82,120,117)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#62908b
```
#62908b rgb(98,144,139)
```

Shade Color Variation

#6b9a96
```
#6b9a96 rgb(107,154,150)
```
#77a29e
```
#77a29e rgb(119,162,158)
```
#82aaa6
```
#82aaa6 rgb(130,170,166)
```
#8eb2af
```
#8eb2af rgb(142,178,175)
```
#9abab7
```
#9abab7 rgb(154,186,183)
```
#a5c2bf
```
#a5c2bf rgb(165,194,191)
```
#b1cac7
```
#b1cac7 rgb(177,202,199)
```
#bdd2d0
```
#bdd2d0 rgb(189,210,208)
```
#c8dad8
```
#c8dad8 rgb(200,218,216)
```
#d4e2e0
```
#d4e2e0 rgb(212,226,224)
```
#e0eae9
```
#e0eae9 rgb(224,234,233)
```
#ebf2f1
```
#ebf2f1 rgb(235,242,241)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#6b7372
```
#6b7372 rgb(107,115,114)
```
#637b79
```
#637b79 rgb(99,123,121)
```
#5a8480
```
#5a8480 rgb(90,132,128)
```
#518d87
```
#518d87 rgb(81,141,135)
```
#49958e
```
#49958e rgb(73,149,142)
```
#409e95
```
#409e95 rgb(64,158,149)
```
#38a69c
```
#38a69c rgb(56,166,156)
```
#2fafa3
```
#2fafa3 rgb(47,175,163)
```
#27b7a9
```
#27b7a9 rgb(39,183,169)
```
#1ec0b0
```
#1ec0b0 rgb(30,192,176)
```
#16c8b7
```
#16c8b7 rgb(22,200,183)
```
#0dd1be
```
#0dd1be rgb(13,209,190)
```
#05d9c5
```
#05d9c5 rgb(5,217,197)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#717a79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858282 Protanopia 1% of men
#8b7f8a Deuteranopia 1% of men
#658892 Tritanopia 0.001% of the population

Trichromacy

#758281 Protanomaly 1% of men, 0.01% of women
#798186 Deuteranomaly 6% of men, 0.4% of women
#61868b Tritanomaly 0.01% of the population

#5a8480 hex color

#5a8480 Color Information

#5a8480 Color Conversion

Color Schemes with #5a8480

Alternatives to #5a8480

#5a8480 Preview

Shades and Tints of #5a8480

Tones of #5a8480

Color Blindness Simulator