#5a9196 hex color

In a RGB color space, hex #5a9196 is composed of 35.3% red, 56.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 3.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 185 degrees, a saturation of 25% and a lightness of 47.1%. #5a9196 color hex could be obtained by blending #b4ffff with #00232d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 57
- B 59
RGB color chart
- C 40
- M 3
- Y 0
- K 41
CMYK color chart

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

The hexadecimal color #5a9196 has RGB values of R:90, G:145, B:150 and CMYK values of C:0.4, M:0.03, Y:0, K:0.41. Its decimal value is 5935510.

Hex triplet	5a9196	`#5a9196`
RGB Decimal	90, 145, 150	`rgb(90,145,150)`
RGB Percent	35.3, 56.9, 58.8	`rgb(35.3%,56.9%,58.8%)`
CMYK	40, 3, 0, 41
HSL	185°, 25, 47.1	`hsl(185,25%,47.1%)`
HSV (or HSB)	185°, 40, 58.8
Web Safe	669999	`#669999`

CIE-LAB	56.709, -16.772, -8.383
XYZ	19.845, 24.625, 32.56
xyY	0.258, 0.32, 24.625
CIE-LCH	56.709, 18.751, 206.558
CIE-LUV	56.709, -25.66, -9.701
Hunter-Lab	49.624, -15.457, -4.165
Binary	01011010, 10010001, 10010110

#5a9196
```
#5a9196 rgb(90,145,150)
```
#965f5a
```
#965f5a rgb(150,95,90)
```

Complementary Color

#5a967d
```
#5a967d rgb(90,150,125)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```
#5a7396
```
#5a7396 rgb(90,115,150)
```

Analogous Color

#967d5a
```
#967d5a rgb(150,125,90)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```
#965a73
```
#965a73 rgb(150,90,115)
```

Split Complementary Color

#91965a
```
#91965a rgb(145,150,90)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```
#965a91
```
#965a91 rgb(150,90,145)
```

Triadic Color

#5a965f
```
#5a965f rgb(90,150,95)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```
#965a91
```
#965a91 rgb(150,90,145)
```
#965f5a
```
#965f5a rgb(150,95,90)
```

Tetradic Color

#3d6366
```
#3d6366 rgb(61,99,102)
```
#477276
```
#477276 rgb(71,114,118)
```
#508286
```
#508286 rgb(80,130,134)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```
#669ea3
```
#669ea3 rgb(102,158,163)
```
#76a8ad
```
#76a8ad rgb(118,168,173)
```
#86b2b6
```
#86b2b6 rgb(134,178,182)
```

Monochromatic Color

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

#5a968c
```
#5a968c rgb(90,150,140)
```
#5a9691
```
#5a9691 rgb(90,150,145)
```
#5a9696
```
#5a9696 rgb(90,150,150)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```
#5a8c96
```
#5a8c96 rgb(90,140,150)
```
#5a8796
```
#5a8796 rgb(90,135,150)
```
#5a8296
```
#5a8296 rgb(90,130,150)
```

Similar Colors

Text with hexadecimal color #5a9196

This text has a font color of #5a9196.

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

#5a9196 background color

This paragraph has a background color of #5a9196.

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

#5a9196 border color

This element has a border color of #5a9196.

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

CSS codes

.text {color:#5a9196;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090f0f
```
#090f0f rgb(9,15,15)
```
#101a1b
```
#101a1b rgb(16,26,27)
```
#182628
```
#182628 rgb(24,38,40)
```
#1f3234
```
#1f3234 rgb(31,50,52)
```
#273e40
```
#273e40 rgb(39,62,64)
```
#2e4a4c
```
#2e4a4c rgb(46,74,76)
```
#355659
```
#355659 rgb(53,86,89)
```
#3d6265
```
#3d6265 rgb(61,98,101)
```
#446d71
```
#446d71 rgb(68,109,113)
```
#4b797d
```
#4b797d rgb(75,121,125)
```
#53858a
```
#53858a rgb(83,133,138)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```

Shade Color Variation

#639ca1
```
#639ca1 rgb(99,156,161)
```
#6fa4a8
```
#6fa4a8 rgb(111,164,168)
```
#7babb0
```
#7babb0 rgb(123,171,176)
```
#87b3b7
```
#87b3b7 rgb(135,179,183)
```
#94bbbf
```
#94bbbf rgb(148,187,191)
```
#a0c3c6
```
#a0c3c6 rgb(160,195,198)
```
#accacd
```
#accacd rgb(172,202,205)
```
#b8d2d5
```
#b8d2d5 rgb(184,210,213)
```
#c5dadc
```
#c5dadc rgb(197,218,220)
```
#d1e2e3
```
#d1e2e3 rgb(209,226,227)
```
#ddeaeb
```
#ddeaeb rgb(221,234,235)
```
#e9f1f2
```
#e9f1f2 rgb(233,241,242)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

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

#767a7a
```
#767a7a rgb(118,122,122)
```
#6c8284
```
#6c8284 rgb(108,130,132)
```
#63898d
```
#63898d rgb(99,137,141)
```
#5a9196
```
#5a9196 rgb(90,145,150)
```
#51999f
```
#51999f rgb(81,153,159)
```
#48a0a8
```
#48a0a8 rgb(72,160,168)
```
#3ea8b2
```
#3ea8b2 rgb(62,168,178)
```
#35b0bb
```
#35b0bb rgb(53,176,187)
```
#2cb7c4
```
#2cb7c4 rgb(44,183,196)
```
#23bfcd
```
#23bfcd rgb(35,191,205)
```
#19c7d7
```
#19c7d7 rgb(25,199,215)
```
#10cfe0
```
#10cfe0 rgb(16,207,224)
```
#07d6e9
```
#07d6e9 rgb(7,214,233)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#798485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8d96 Protanopia 1% of men
#928a9f Deuteranopia 1% of men
#6495a0 Tritanopia 0.001% of the population

Trichromacy

#7b8e96 Protanomaly 1% of men, 0.01% of women
#7e8d9c Deuteranomaly 6% of men, 0.4% of women
#60949c Tritanomaly 0.01% of the population

#5a9196 hex color

#5a9196 Color Information

#5a9196 Color Conversion

Color Schemes with #5a9196

Alternatives to #5a9196

#5a9196 Preview

Shades and Tints of #5a9196

Tones of #5a9196

Color Blindness Simulator