#5a949a hex color

In a RGB color space, hex #5a949a is composed of 35.3% red, 58% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 3.9% magenta, 0% yellow and 39.6% black. It has a hue angle of 185.6 degrees, a saturation of 26.2% and a lightness of 47.8%. #5a949a color hex could be obtained by blending #b4ffff with #002935. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 58
- B 60
RGB color chart
- C 42
- M 4
- Y 0
- K 40
CMYK color chart

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

The hexadecimal color #5a949a has RGB values of R:90, G:148, B:154 and CMYK values of C:0.42, M:0.04, Y:0, K:0.4. Its decimal value is 5936282.

Hex triplet	5a949a	`#5a949a`
RGB Decimal	90, 148, 154	`rgb(90,148,154)`
RGB Percent	35.3, 58, 60.4	`rgb(35.3%,58%,60.4%)`
CMYK	42, 4, 0, 40
HSL	185.6°, 26.2, 47.8	`hsl(185.6,26.2%,47.8%)`
HSV (or HSB)	185.6°, 41.6, 60.4
Web Safe	669999	`#669999`

CIE-LAB	57.737, -17.311, -9.136
XYZ	20.638, 25.685, 34.44
xyY	0.256, 0.318, 25.685
CIE-LCH	57.737, 19.574, 207.825
CIE-LUV	57.737, -26.822, -10.799
Hunter-Lab	50.681, -16.005, -4.814
Binary	01011010, 10010100, 10011010

#5a949a
```
#5a949a rgb(90,148,154)
```
#9a605a
```
#9a605a rgb(154,96,90)
```

Complementary Color

#5a9a80
```
#5a9a80 rgb(90,154,128)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#5a749a
```
#5a749a rgb(90,116,154)
```

Analogous Color

#9a805a
```
#9a805a rgb(154,128,90)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#9a5a74
```
#9a5a74 rgb(154,90,116)
```

Split Complementary Color

#949a5a
```
#949a5a rgb(148,154,90)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#9a5a94
```
#9a5a94 rgb(154,90,148)
```

Triadic Color

#5a9a60
```
#5a9a60 rgb(90,154,96)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#9a5a94
```
#9a5a94 rgb(154,90,148)
```
#9a605a
```
#9a605a rgb(154,96,90)
```

Tetradic Color

#3e666a
```
#3e666a rgb(62,102,106)
```
#47757a
```
#47757a rgb(71,117,122)
```
#51858a
```
#51858a rgb(81,133,138)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#67a0a6
```
#67a0a6 rgb(103,160,166)
```
#77aab0
```
#77aab0 rgb(119,170,176)
```
#87b4b9
```
#87b4b9 rgb(135,180,185)
```

Monochromatic Color

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

#5a9a90
```
#5a9a90 rgb(90,154,144)
```
#5a9a95
```
#5a9a95 rgb(90,154,149)
```
#5a999a
```
#5a999a rgb(90,153,154)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#5a8f9a
```
#5a8f9a rgb(90,143,154)
```
#5a899a
```
#5a899a rgb(90,137,154)
```
#5a849a
```
#5a849a rgb(90,132,154)
```

Similar Colors

Text with hexadecimal color #5a949a

This text has a font color of #5a949a.

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

#5a949a background color

This paragraph has a background color of #5a949a.

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

#5a949a border color

This element has a border color of #5a949a.

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

CSS codes

.text {color:#5a949a;}

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

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0a1112
```
#0a1112 rgb(10,17,18)
```
#121d1e
```
#121d1e rgb(18,29,30)
```
#19292b
```
#19292b rgb(25,41,43)
```
#203537
```
#203537 rgb(32,53,55)
```
#274143
```
#274143 rgb(39,65,67)
```
#2f4d50
```
#2f4d50 rgb(47,77,80)
```
#36595c
```
#36595c rgb(54,89,92)
```
#3d6468
```
#3d6468 rgb(61,100,104)
```
#447075
```
#447075 rgb(68,112,117)
```
#4c7c81
```
#4c7c81 rgb(76,124,129)
```
#53888e
```
#53888e rgb(83,136,142)
```
#5a949a
```
#5a949a rgb(90,148,154)
```

Shade Color Variation

#639ea4
```
#639ea4 rgb(99,158,164)
```
#70a6ab
```
#70a6ab rgb(112,166,171)
```
#7cadb3
```
#7cadb3 rgb(124,173,179)
```
#89b5ba
```
#89b5ba rgb(137,181,186)
```
#95bdc1
```
#95bdc1 rgb(149,189,193)
```
#a1c5c8
```
#a1c5c8 rgb(161,197,200)
```
#aeccd0
```
#aeccd0 rgb(174,204,208)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```
#c7dcde
```
#c7dcde rgb(199,220,222)
```
#d3e4e5
```
#d3e4e5 rgb(211,228,229)
```
#dfebec
```
#dfebec rgb(223,235,236)
```
#ecf3f4
```
#ecf3f4 rgb(236,243,244)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767d7e is the less saturated color, while #06d9ee is the most saturated one.

#767d7e
```
#767d7e rgb(118,125,126)
```
#6d8587
```
#6d8587 rgb(109,133,135)
```
#638c91
```
#638c91 rgb(99,140,145)
```
#5a949a
```
#5a949a rgb(90,148,154)
```
#519ca3
```
#519ca3 rgb(81,156,163)
```
#47a3ad
```
#47a3ad rgb(71,163,173)
```
#3eabb6
```
#3eabb6 rgb(62,171,182)
```
#34b3c0
```
#34b3c0 rgb(52,179,192)
```
#2bbac9
```
#2bbac9 rgb(43,186,201)
```
#22c2d2
```
#22c2d2 rgb(34,194,210)
```
#18c9dc
```
#18c9dc rgb(24,201,220)
```
#0fd1e5
```
#0fd1e5 rgb(15,209,229)
```
#06d9ee
```
#06d9ee rgb(6,217,238)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7b8688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#908f99 Protanopia 1% of men
#948da3 Deuteranopia 1% of men
#6498a3 Tritanopia 0.001% of the population

Trichromacy

#7c9199 Protanomaly 1% of men, 0.01% of women
#7f8fa0 Deuteranomaly 6% of men, 0.4% of women
#6097a0 Tritanomaly 0.01% of the population

#5a949a hex color

#5a949a Color Information

#5a949a Color Conversion

Color Schemes with #5a949a

Alternatives to #5a949a

#5a949a Preview

Shades and Tints of #5a949a

Tones of #5a949a

Color Blindness Simulator