#5aa7de hex color

In a RGB color space, hex #5aa7de is composed of 35.3% red, 65.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 24.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 205 degrees, a saturation of 66.7% and a lightness of 61.2%. #5aa7de color hex could be obtained by blending #b4ffff with #004fbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 65
- B 87
RGB color chart
- C 59
- M 25
- Y 0
- K 13
CMYK color chart

● #5aa7de color description : Soft blue.

The hexadecimal color #5aa7de has RGB values of R:90, G:167, B:222 and CMYK values of C:0.59, M:0.25, Y:0, K:0.13. Its decimal value is 5941214.

Hex triplet	5aa7de	`#5aa7de`
RGB Decimal	90, 167, 222	`rgb(90,167,222)`
RGB Percent	35.3, 65.5, 87.1	`rgb(35.3%,65.5%,87.1%)`
CMYK	59, 25, 0, 13
HSL	205°, 66.7, 61.2	`hsl(205,66.7%,61.2%)`
HSV (or HSB)	205°, 59.5, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.813, -7.669, -34.966
XYZ	31.217, 35.083, 74.23
xyY	0.222, 0.25, 35.083
CIE-LCH	65.813, 35.797, 257.63
CIE-LUV	65.813, -32.327, -54.424
Hunter-Lab	59.231, -9.578, -32.842
Binary	01011010, 10100111, 11011110

#5aa7de
```
#5aa7de rgb(90,167,222)
```
#de915a
```
#de915a rgb(222,145,90)
```

Complementary Color

#5aded3
```
#5aded3 rgb(90,222,211)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#5a65de
```
#5a65de rgb(90,101,222)
```

Analogous Color

#ded35a
```
#ded35a rgb(222,211,90)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#de5a65
```
#de5a65 rgb(222,90,101)
```

Split Complementary Color

#a7de5a
```
#a7de5a rgb(167,222,90)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#de5aa7
```
#de5aa7 rgb(222,90,167)
```

Triadic Color

#5ade91
```
#5ade91 rgb(90,222,145)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#de5aa7
```
#de5aa7 rgb(222,90,167)
```
#de915a
```
#de915a rgb(222,145,90)
```

Tetradic Color

#2783c4
```
#2783c4 rgb(39,131,196)
```
#3090d6
```
#3090d6 rgb(48,144,214)
```
#459cda
```
#459cda rgb(69,156,218)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#6fb2e2
```
#6fb2e2 rgb(111,178,226)
```
#85bee7
```
#85bee7 rgb(133,190,231)
```
#9ac9eb
```
#9ac9eb rgb(154,201,235)
```

Monochromatic Color

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

#5ac8de
```
#5ac8de rgb(90,200,222)
```
#5abdde
```
#5abdde rgb(90,189,222)
```
#5ab2de
```
#5ab2de rgb(90,178,222)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#5a9cde
```
#5a9cde rgb(90,156,222)
```
#5a91de
```
#5a91de rgb(90,145,222)
```
#5a86de
```
#5a86de rgb(90,134,222)
```

Similar Colors

Text with hexadecimal color #5aa7de

This text has a font color of #5aa7de.

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

#5aa7de background color

This paragraph has a background color of #5aa7de.

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

#5aa7de border color

This element has a border color of #5aa7de.

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

CSS codes

.text {color:#5aa7de;}

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

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

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, #030a0f is the darkest color, while #fdfeff is the lightest one.

#030a0f
```
#030a0f rgb(3,10,15)
```
#06151f
```
#06151f rgb(6,21,31)
```
#0a2030
```
#0a2030 rgb(10,32,48)
```
#0d2b40
```
#0d2b40 rgb(13,43,64)
```
#103550
```
#103550 rgb(16,53,80)
```
#134061
```
#134061 rgb(19,64,97)
```
#174b71
```
#174b71 rgb(23,75,113)
```
#1a5681
```
#1a5681 rgb(26,86,129)
```
#1d6192
```
#1d6192 rgb(29,97,146)
```
#206ca2
```
#206ca2 rgb(32,108,162)
```
#2477b2
```
#2477b2 rgb(36,119,178)
```
#2782c3
```
#2782c3 rgb(39,130,195)
```
#2a8dd3
```
#2a8dd3 rgb(42,141,211)
```

Shade Color Variation

#3996d7
```
#3996d7 rgb(57,150,215)
```
#4a9edb
```
#4a9edb rgb(74,158,219)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#6ab0e1
```
#6ab0e1 rgb(106,176,225)
```
#7bb8e5
```
#7bb8e5 rgb(123,184,229)
```
#8bc1e8
```
#8bc1e8 rgb(139,193,232)
```
#9bcaeb
```
#9bcaeb rgb(155,202,235)
```
#acd3ee
```
#acd3ee rgb(172,211,238)
```
#bcdbf2
```
#bcdbf2 rgb(188,219,242)
```
#cce4f5
```
#cce4f5 rgb(204,228,245)
```
#ddedf8
```
#ddedf8 rgb(221,237,248)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979da1 is the less saturated color, while #3cacfc is the most saturated one.

#979da1
```
#979da1 rgb(151,157,161)
```
#8f9ea9
```
#8f9ea9 rgb(143,158,169)
```
#889fb0
```
#889fb0 rgb(136,159,176)
```
#80a1b8
```
#80a1b8 rgb(128,161,184)
```
#78a2c0
```
#78a2c0 rgb(120,162,192)
```
#71a3c7
```
#71a3c7 rgb(113,163,199)
```
#69a4cf
```
#69a4cf rgb(105,164,207)
```
#62a6d6
```
#62a6d6 rgb(98,166,214)
```
#5aa7de
```
#5aa7de rgb(90,167,222)
```
#52a8e6
```
#52a8e6 rgb(82,168,230)
```
#4baaed
```
#4baaed rgb(75,170,237)
```
#43abf5
```
#43abf5 rgb(67,171,245)
```
#3cacfc
```
#3cacfc rgb(60,172,252)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a99a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a2d9 Protanopia 1% of men
#8ca3e2 Deuteranopia 1% of men
#4fb1be Tritanopia 0.001% of the population

Trichromacy

#7ea4db Protanomaly 1% of men, 0.01% of women
#79a4e1 Deuteranomaly 6% of men, 0.4% of women
#53adca Tritanomaly 0.01% of the population

#5aa7de hex color

#5aa7de Color Information

#5aa7de Color Conversion

Color Schemes with #5aa7de

Alternatives to #5aa7de

#5aa7de Preview

Shades and Tints of #5aa7de

Tones of #5aa7de

Color Blindness Simulator