#5a96d5 hex color

In a RGB color space, hex #5a96d5 is composed of 35.3% red, 58.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 29.6% magenta, 0% yellow and 16.5% black. It has a hue angle of 210.7 degrees, a saturation of 59.4% and a lightness of 59.4%. #5a96d5 color hex could be obtained by blending #b4ffff with #002dab. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 59
- B 84
RGB color chart
- C 58
- M 30
- Y 0
- K 16
CMYK color chart

● #5a96d5 color description : Moderate blue.

The hexadecimal color #5a96d5 has RGB values of R:90, G:150, B:213 and CMYK values of C:0.58, M:0.3, Y:0, K:0.16. Its decimal value is 5936853.

Hex triplet	5a96d5	`#5a96d5`
RGB Decimal	90, 150, 213	`rgb(90,150,213)`
RGB Percent	35.3, 58.8, 83.5	`rgb(35.3%,58.8%,83.5%)`
CMYK	58, 30, 0, 16
HSL	210.7°, 59.4, 59.4	`hsl(210.7,59.4%,59.4%)`
HSV (or HSB)	210.7°, 57.7, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.595, -0.938, -38.115
XYZ	27.13, 28.789, 67.074
xyY	0.221, 0.234, 28.789
CIE-LCH	60.595, 38.126, 268.59
CIE-LUV	60.595, -26.358, -59.767
Hunter-Lab	53.655, -3.64, -36.56
Binary	01011010, 10010110, 11010101

#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#d5995a
```
#d5995a rgb(213,153,90)
```

Complementary Color

#5ad4d5
```
#5ad4d5 rgb(90,212,213)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#5c5ad5
```
#5c5ad5 rgb(92,90,213)
```

Analogous Color

#d4d55a
```
#d4d55a rgb(212,213,90)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#d55b5a
```
#d55b5a rgb(213,91,90)
```

Split Complementary Color

#96d55a
```
#96d55a rgb(150,213,90)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#d55a96
```
#d55a96 rgb(213,90,150)
```

Triadic Color

#5ad599
```
#5ad599 rgb(90,213,153)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#d55a96
```
#d55a96 rgb(213,90,150)
```
#d5995a
```
#d5995a rgb(213,153,90)
```

Tetradic Color

#2e70b5
```
#2e70b5 rgb(46,112,181)
```
#337cc9
```
#337cc9 rgb(51,124,201)
```
#4689d0
```
#4689d0 rgb(70,137,208)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#6ea3da
```
#6ea3da rgb(110,163,218)
```
#83b0df
```
#83b0df rgb(131,176,223)
```
#97bde5
```
#97bde5 rgb(151,189,229)
```

Monochromatic Color

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

#5ab5d5
```
#5ab5d5 rgb(90,181,213)
```
#5aabd5
```
#5aabd5 rgb(90,171,213)
```
#5aa0d5
```
#5aa0d5 rgb(90,160,213)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#5a8cd5
```
#5a8cd5 rgb(90,140,213)
```
#5a82d5
```
#5a82d5 rgb(90,130,213)
```
#5a77d5
```
#5a77d5 rgb(90,119,213)
```

Similar Colors

Text with hexadecimal color #5a96d5

This text has a font color of #5a96d5.

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

#5a96d5 background color

This paragraph has a background color of #5a96d5.

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

#5a96d5 border color

This element has a border color of #5a96d5.

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

CSS codes

.text {color:#5a96d5;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060e17
```
#060e17 rgb(6,14,23)
```
#0a1826
```
#0a1826 rgb(10,24,38)
```
#0e2136
```
#0e2136 rgb(14,33,54)
```
#122b46
```
#122b46 rgb(18,43,70)
```
#163555
```
#163555 rgb(22,53,85)
```
#1a3e65
```
#1a3e65 rgb(26,62,101)
```
#1e4874
```
#1e4874 rgb(30,72,116)
```
#225284
```
#225284 rgb(34,82,132)
```
#265b94
```
#265b94 rgb(38,91,148)
```
#2a65a3
```
#2a65a3 rgb(42,101,163)
```
#2e6fb3
```
#2e6fb3 rgb(46,111,179)
```
#3278c3
```
#3278c3 rgb(50,120,195)
```

Shade Color Variation

#3b82cd
```
#3b82cd rgb(59,130,205)
```
#4a8cd1
```
#4a8cd1 rgb(74,140,209)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#6aa0d9
```
#6aa0d9 rgb(106,160,217)
```
#79aadd
```
#79aadd rgb(121,170,221)
```
#89b4e1
```
#89b4e1 rgb(137,180,225)
```
#99bee5
```
#99bee5 rgb(153,190,229)
```
#a8c8e9
```
#a8c8e9 rgb(168,200,233)
```
#b8d2ed
```
#b8d2ed rgb(184,210,237)
```
#c7dcf1
```
#c7dcf1 rgb(199,220,241)
```
#d7e6f5
```
#d7e6f5 rgb(215,230,245)
```
#e7f0f9
```
#e7f0f9 rgb(231,240,249)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92979d is the less saturated color, while #3295fd is the most saturated one.

#92979d
```
#92979d rgb(146,151,157)
```
#8a97a5
```
#8a97a5 rgb(138,151,165)
```
#8297ad
```
#8297ad rgb(130,151,173)
```
#7a97b5
```
#7a97b5 rgb(122,151,181)
```
#7297bd
```
#7297bd rgb(114,151,189)
```
#6a96c5
```
#6a96c5 rgb(106,150,197)
```
#6296cd
```
#6296cd rgb(98,150,205)
```
#5a96d5
```
#5a96d5 rgb(90,150,213)
```
#5296dd
```
#5296dd rgb(82,150,221)
```
#4a96e5
```
#4a96e5 rgb(74,150,229)
```
#4295ed
```
#4295ed rgb(66,149,237)
```
#3a95f5
```
#3a95f5 rgb(58,149,245)
```
#3295fd
```
#3295fd rgb(50,149,253)
```

Tone Color Variation

Below, you can see how #5a96d5 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
#818d9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8295d3 Protanopia 1% of men
#7897d8 Deuteranopia 1% of men
#4da3af Tritanopia 0.001% of the population

Trichromacy

#7395d3 Protanomaly 1% of men, 0.01% of women
#6d96d7 Deuteranomaly 6% of men, 0.4% of women
#519ebd Tritanomaly 0.01% of the population

#5a96d5 hex color

#5a96d5 Color Information

#5a96d5 Color Conversion

Color Schemes with #5a96d5

Alternatives to #5a96d5

#5a96d5 Preview

Shades and Tints of #5a96d5

Tones of #5a96d5

Color Blindness Simulator