#5a96ac hex color

In a RGB color space, hex #5a96ac is composed of 35.3% red, 58.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 12.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 196.1 degrees, a saturation of 33.1% and a lightness of 51.4%. #5a96ac color hex could be obtained by blending #b4ffff with #002d59. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 59
- B 67
RGB color chart
- C 48
- M 13
- Y 0
- K 33
CMYK color chart

● #5a96ac color description : Dark moderate blue.

The hexadecimal color #5a96ac has RGB values of R:90, G:150, B:172 and CMYK values of C:0.48, M:0.13, Y:0, K:0.33. Its decimal value is 5936812.

Hex triplet	5a96ac	`#5a96ac`
RGB Decimal	90, 150, 172	`rgb(90,150,172)`
RGB Percent	35.3, 58.8, 67.5	`rgb(35.3%,58.8%,67.5%)`
CMYK	48, 13, 0, 33
HSL	196.1°, 33.1, 51.4	`hsl(196.1,33.1%,51.4%)`
HSV (or HSB)	196.1°, 47.7, 67.5
Web Safe	669999	`#669999`

CIE-LAB	58.941, -13.408, -17.575
XYZ	22.567, 26.964, 43.043
xyY	0.244, 0.291, 26.964
CIE-LCH	58.941, 22.106, 232.66
CIE-LUV	58.941, -27.223, -24.514
Hunter-Lab	51.926, -13.295, -12.798
Binary	01011010, 10010110, 10101100

#5a96ac
```
#5a96ac rgb(90,150,172)
```
#ac705a
```
#ac705a rgb(172,112,90)
```

Complementary Color

#5aac99
```
#5aac99 rgb(90,172,153)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#5a6dac
```
#5a6dac rgb(90,109,172)
```

Analogous Color

#ac995a
```
#ac995a rgb(172,153,90)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#ac5a6d
```
#ac5a6d rgb(172,90,109)
```

Split Complementary Color

#96ac5a
```
#96ac5a rgb(150,172,90)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#ac5a96
```
#ac5a96 rgb(172,90,150)
```

Triadic Color

#5aac70
```
#5aac70 rgb(90,172,112)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#ac5a96
```
#ac5a96 rgb(172,90,150)
```
#ac705a
```
#ac705a rgb(172,112,90)
```

Tetradic Color

#3e6b7b
```
#3e6b7b rgb(62,107,123)
```
#477a8c
```
#477a8c rgb(71,122,140)
```
#4f889d
```
#4f889d rgb(79,136,157)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#6ba1b5
```
#6ba1b5 rgb(107,161,181)
```
#7cacbd
```
#7cacbd rgb(124,172,189)
```
#8db6c6
```
#8db6c6 rgb(141,182,198)
```

Monochromatic Color

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

#5aabac
```
#5aabac rgb(90,171,172)
```
#5aa4ac
```
#5aa4ac rgb(90,164,172)
```
#5a9dac
```
#5a9dac rgb(90,157,172)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#5a8fac
```
#5a8fac rgb(90,143,172)
```
#5a88ac
```
#5a88ac rgb(90,136,172)
```
#5a82ac
```
#5a82ac rgb(90,130,172)
```

Similar Colors

Text with hexadecimal color #5a96ac

This text has a font color of #5a96ac.

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

#5a96ac background color

This paragraph has a background color of #5a96ac.

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

#5a96ac border color

This element has a border color of #5a96ac.

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

CSS codes

.text {color:#5a96ac;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090f12
```
#090f12 rgb(9,15,18)
```
#0f1b1f
```
#0f1b1f rgb(15,27,31)
```
#16262c
```
#16262c rgb(22,38,44)
```
#1d3139
```
#1d3139 rgb(29,49,57)
```
#233d46
```
#233d46 rgb(35,61,70)
```
#2a4853
```
#2a4853 rgb(42,72,83)
```
#305360
```
#305360 rgb(48,83,96)
```
#375f6d
```
#375f6d rgb(55,95,109)
```
#3d6a7a
```
#3d6a7a rgb(61,106,122)
```
#447587
```
#447587 rgb(68,117,135)
```
#4b8094
```
#4b8094 rgb(75,128,148)
```
#518ca1
```
#518ca1 rgb(81,140,161)
```

Shade Color Variation

#5a96ac
```
#5a96ac rgb(90,150,172)
```
#679eb3
```
#679eb3 rgb(103,158,179)
```
#74a7b9
```
#74a7b9 rgb(116,167,185)
```
#81afc0
```
#81afc0 rgb(129,175,192)
```
#8eb7c6
```
#8eb7c6 rgb(142,183,198)
```
#9bc0cd
```
#9bc0cd rgb(155,192,205)
```
#a8c8d3
```
#a8c8d3 rgb(168,200,211)
```
#b5d0da
```
#b5d0da rgb(181,208,218)
```
#c2d8e1
```
#c2d8e1 rgb(194,216,225)
```
#cfe1e7
```
#cfe1e7 rgb(207,225,231)
```
#dde9ee
```
#dde9ee rgb(221,233,238)
```
#eaf1f4
```
#eaf1f4 rgb(234,241,244)
```
#f7fafb
```
#f7fafb rgb(247,250,251)
```

Tint Color Variation

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

#808486
```
#808486 rgb(128,132,134)
```
#77898f
```
#77898f rgb(119,137,143)
```
#6d8d99
```
#6d8d99 rgb(109,141,153)
```
#6492a2
```
#6492a2 rgb(100,146,162)
```
#5a96ac
```
#5a96ac rgb(90,150,172)
```
#509ab6
```
#509ab6 rgb(80,154,182)
```
#479fbf
```
#479fbf rgb(71,159,191)
```
#3da3c9
```
#3da3c9 rgb(61,163,201)
```
#34a8d2
```
#34a8d2 rgb(52,168,210)
```
#2aacdc
```
#2aacdc rgb(42,172,220)
```
#21b1e5
```
#21b1e5 rgb(33,177,229)
```
#17b5ef
```
#17b5ef rgb(23,181,239)
```
#0eb9f8
```
#0eb9f8 rgb(14,185,248)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7e8a8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e92aa Protanopia 1% of men
#8f90b4 Deuteranopia 1% of men
#5f9ca8 Tritanopia 0.001% of the population

Trichromacy

#7b93ab Protanomaly 1% of men, 0.01% of women
#7c92b1 Deuteranomaly 6% of men, 0.4% of women
#5d9aa9 Tritanomaly 0.01% of the population

#5a96ac hex color

#5a96ac Color Information

#5a96ac Color Conversion

Color Schemes with #5a96ac

Alternatives to #5a96ac

#5a96ac Preview

Shades and Tints of #5a96ac

Tones of #5a96ac

Color Blindness Simulator