#5a9fa2 hex color

In a RGB color space, hex #5a9fa2 is composed of 35.3% red, 62.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 1.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 182.5 degrees, a saturation of 28.6% and a lightness of 49.4%. #5a9fa2 color hex could be obtained by blending #b4ffff with #003f45. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 62
- B 64
RGB color chart
- C 44
- M 2
- Y 0
- K 36
CMYK color chart

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

The hexadecimal color #5a9fa2 has RGB values of R:90, G:159, B:162 and CMYK values of C:0.44, M:0.02, Y:0, K:0.36. Its decimal value is 5939106.

Hex triplet	5a9fa2	`#5a9fa2`
RGB Decimal	90, 159, 162	`rgb(90,159,162)`
RGB Percent	35.3, 62.4, 63.5	`rgb(35.3%,62.4%,63.5%)`
CMYK	44, 2, 0, 36
HSL	182.5°, 28.6, 49.4	`hsl(182.5,28.6%,49.4%)`
HSV (or HSB)	182.5°, 44.4, 63.5
Web Safe	669999	`#669999`

CIE-LAB	61.288, -20.953, -8.38
XYZ	23.134, 29.577, 38.67
xyY	0.253, 0.324, 29.577
CIE-LCH	61.288, 22.567, 201.798
CIE-LUV	61.288, -31.12, -9.232
Hunter-Lab	54.385, -19.243, -4.089
Binary	01011010, 10011111, 10100010

#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#a25d5a
```
#a25d5a rgb(162,93,90)
```

Complementary Color

#5aa281
```
#5aa281 rgb(90,162,129)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#5a7ba2
```
#5a7ba2 rgb(90,123,162)
```

Analogous Color

#a2815a
```
#a2815a rgb(162,129,90)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#a25a7b
```
#a25a7b rgb(162,90,123)
```

Split Complementary Color

#9fa25a
```
#9fa25a rgb(159,162,90)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#a25a9f
```
#a25a9f rgb(162,90,159)
```

Triadic Color

#5aa25d
```
#5aa25d rgb(90,162,93)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#a25a9f
```
#a25a9f rgb(162,90,159)
```
#a25d5a
```
#a25d5a rgb(162,93,90)
```

Tetradic Color

#3f6f71
```
#3f6f71 rgb(63,111,113)
```
#487f81
```
#487f81 rgb(72,127,129)
```
#518f92
```
#518f92 rgb(81,143,146)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#6aa9ac
```
#6aa9ac rgb(106,169,172)
```
#7ab3b5
```
#7ab3b5 rgb(122,179,181)
```
#8abcbe
```
#8abcbe rgb(138,188,190)
```

Monochromatic Color

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

#5aa293
```
#5aa293 rgb(90,162,147)
```
#5aa299
```
#5aa299 rgb(90,162,153)
```
#5aa29f
```
#5aa29f rgb(90,162,159)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#5a99a2
```
#5a99a2 rgb(90,153,162)
```
#5a93a2
```
#5a93a2 rgb(90,147,162)
```
#5a8da2
```
#5a8da2 rgb(90,141,162)
```

Similar Colors

Text with hexadecimal color #5a9fa2

This text has a font color of #5a9fa2.

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

#5a9fa2 background color

This paragraph has a background color of #5a9fa2.

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

#5a9fa2 border color

This element has a border color of #5a9fa2.

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

CSS codes

.text {color:#5a9fa2;}

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

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

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

#060a0b
```
#060a0b rgb(6,10,11)
```
#0d1717
```
#0d1717 rgb(13,23,23)
```
#142324
```
#142324 rgb(20,35,36)
```
#1b3031
```
#1b3031 rgb(27,48,49)
```
#223c3d
```
#223c3d rgb(34,60,61)
```
#29484a
```
#29484a rgb(41,72,74)
```
#305556
```
#305556 rgb(48,85,86)
```
#376163
```
#376163 rgb(55,97,99)
```
#3e6d70
```
#3e6d70 rgb(62,109,112)
```
#457a7c
```
#457a7c rgb(69,122,124)
```
#4c8689
```
#4c8689 rgb(76,134,137)
```
#539395
```
#539395 rgb(83,147,149)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```

Shade Color Variation

#66a7aa
```
#66a7aa rgb(102,167,170)
```
#72aeb1
```
#72aeb1 rgb(114,174,177)
```
#7fb6b8
```
#7fb6b8 rgb(127,182,184)
```
#8cbdbf
```
#8cbdbf rgb(140,189,191)
```
#98c4c6
```
#98c4c6 rgb(152,196,198)
```
#a5cbcd
```
#a5cbcd rgb(165,203,205)
```
#b1d2d4
```
#b1d2d4 rgb(177,210,212)
```
#bedadb
```
#bedadb rgb(190,218,219)
```
#cbe1e2
```
#cbe1e2 rgb(203,225,226)
```
#d7e8e9
```
#d7e8e9 rgb(215,232,233)
```
#e4eff0
```
#e4eff0 rgb(228,239,240)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#778485
```
#778485 rgb(119,132,133)
```
#6d8d8f
```
#6d8d8f rgb(109,141,143)
```
#649698
```
#649698 rgb(100,150,152)
```
#5a9fa2
```
#5a9fa2 rgb(90,159,162)
```
#50a8ac
```
#50a8ac rgb(80,168,172)
```
#47b1b5
```
#47b1b5 rgb(71,177,181)
```
#3dbabf
```
#3dbabf rgb(61,186,191)
```
#33c3c9
```
#33c3c9 rgb(51,195,201)
```
#2acbd2
```
#2acbd2 rgb(42,203,210)
```
#20d4dc
```
#20d4dc rgb(32,212,220)
```
#16dde6
```
#16dde6 rgb(22,221,230)
```
#0ce6f0
```
#0ce6f0 rgb(12,230,240)
```
#03eff9
```
#03eff9 rgb(3,239,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#818f90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9998a0 Protanopia 1% of men
#9e95ab Deuteranopia 1% of men
#65a2ae Tritanopia 0.001% of the population

Trichromacy

#829aa1 Protanomaly 1% of men, 0.01% of women
#8599a8 Deuteranomaly 6% of men, 0.4% of women
#61a1aa Tritanomaly 0.01% of the population

#5a9fa2 hex color

#5a9fa2 Color Information

#5a9fa2 Color Conversion

Color Schemes with #5a9fa2

Alternatives to #5a9fa2

#5a9fa2 Preview

Shades and Tints of #5a9fa2

Tones of #5a9fa2

Color Blindness Simulator