#5aafec hex color

In a RGB color space, hex #5aafec is composed of 35.3% red, 68.6% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 61.9% cyan, 25.8% magenta, 0% yellow and 7.5% black. It has a hue angle of 205.1 degrees, a saturation of 79.3% and a lightness of 63.9%. #5aafec color hex could be obtained by blending #b4ffff with #005fd9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 69
- B 93
RGB color chart
- C 62
- M 26
- Y 0
- K 7
CMYK color chart

● #5aafec color description : Soft blue.

The hexadecimal color #5aafec has RGB values of R:90, G:175, B:236 and CMYK values of C:0.62, M:0.26, Y:0, K:0.07. Its decimal value is 5943276.

Hex triplet	5aafec	`#5aafec`
RGB Decimal	90, 175, 236	`rgb(90,175,236)`
RGB Percent	35.3, 68.6, 92.5	`rgb(35.3%,68.6%,92.5%)`
CMYK	62, 26, 0, 7
HSL	205.1°, 79.3, 63.9	`hsl(205.1,79.3%,63.9%)`
HSV (or HSB)	205.1°, 61.9, 92.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.67, -7.658, -38.195
XYZ	34.683, 38.887, 85.03
xyY	0.219, 0.245, 38.887
CIE-LCH	68.67, 38.955, 258.663
CIE-LUV	68.67, -34.763, -60.235
Hunter-Lab	62.36, -9.852, -37.193
Binary	01011010, 10101111, 11101100

#5aafec
```
#5aafec rgb(90,175,236)
```
#ec975a
```
#ec975a rgb(236,151,90)
```

Complementary Color

#5aece0
```
#5aece0 rgb(90,236,224)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#5a66ec
```
#5a66ec rgb(90,102,236)
```

Analogous Color

#ece05a
```
#ece05a rgb(236,224,90)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#ec5a66
```
#ec5a66 rgb(236,90,102)
```

Split Complementary Color

#afec5a
```
#afec5a rgb(175,236,90)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#ec5aaf
```
#ec5aaf rgb(236,90,175)
```

Triadic Color

#5aec97
```
#5aec97 rgb(90,236,151)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#ec5aaf
```
#ec5aaf rgb(236,90,175)
```
#ec975a
```
#ec975a rgb(236,151,90)
```

Tetradic Color

#1a8de0
```
#1a8de0 rgb(26,141,224)
```
#2c99e7
```
#2c99e7 rgb(44,153,231)
```
#43a4e9
```
#43a4e9 rgb(67,164,233)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#71baef
```
#71baef rgb(113,186,239)
```
#88c5f1
```
#88c5f1 rgb(136,197,241)
```
#9fd0f4
```
#9fd0f4 rgb(159,208,244)
```

Monochromatic Color

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

#5ad4ec
```
#5ad4ec rgb(90,212,236)
```
#5ac7ec
```
#5ac7ec rgb(90,199,236)
```
#5abbec
```
#5abbec rgb(90,187,236)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#5aa3ec
```
#5aa3ec rgb(90,163,236)
```
#5a97ec
```
#5a97ec rgb(90,151,236)
```
#5a8bec
```
#5a8bec rgb(90,139,236)
```

Similar Colors

Text with hexadecimal color #5aafec

This text has a font color of #5aafec.

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

#5aafec background color

This paragraph has a background color of #5aafec.

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

#5aafec border color

This element has a border color of #5aafec.

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

CSS codes

.text {color:#5aafec;}

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

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

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, #01070b is the darkest color, while #f8fcfe is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#03121c
```
#03121c rgb(3,18,28)
```
#051d2e
```
#051d2e rgb(5,29,46)
```
#072840
```
#072840 rgb(7,40,64)
```
#093351
```
#093351 rgb(9,51,81)
```
#0b3e63
```
#0b3e63 rgb(11,62,99)
```
#0d4974
```
#0d4974 rgb(13,73,116)
```
#0f5486
```
#0f5486 rgb(15,84,134)
```
#116098
```
#116098 rgb(17,96,152)
```
#136ba9
```
#136ba9 rgb(19,107,169)
```
#1676bb
```
#1676bb rgb(22,118,187)
```
#1881cc
```
#1881cc rgb(24,129,204)
```
#1a8cde
```
#1a8cde rgb(26,140,222)
```

Shade Color Variation

#2595e6
```
#2595e6 rgb(37,149,230)
```
#379ee8
```
#379ee8 rgb(55,158,232)
```
#48a6ea
```
#48a6ea rgb(72,166,234)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#6cb8ee
```
#6cb8ee rgb(108,184,238)
```
#7dc0f0
```
#7dc0f0 rgb(125,192,240)
```
#8fc9f2
```
#8fc9f2 rgb(143,201,242)
```
#a0d1f4
```
#a0d1f4 rgb(160,209,244)
```
#b2daf6
```
#b2daf6 rgb(178,218,246)
```
#c4e2f8
```
#c4e2f8 rgb(196,226,248)
```
#d5ebfa
```
#d5ebfa rgb(213,235,250)
```
#e7f3fc
```
#e7f3fc rgb(231,243,252)
```
#f8fcfe
```
#f8fcfe rgb(248,252,254)
```

Tint Color Variation

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

#a1a3a5
```
#a1a3a5 rgb(161,163,165)
```
#9aa5ac
```
#9aa5ac rgb(154,165,172)
```
#93a6b3
```
#93a6b3 rgb(147,166,179)
```
#8ca7ba
```
#8ca7ba rgb(140,167,186)
```
#84a8c2
```
#84a8c2 rgb(132,168,194)
```
#7da9c9
```
#7da9c9 rgb(125,169,201)
```
#76aad0
```
#76aad0 rgb(118,170,208)
```
#6facd7
```
#6facd7 rgb(111,172,215)
```
#68adde
```
#68adde rgb(104,173,222)
```
#61aee5
```
#61aee5 rgb(97,174,229)
```
#5aafec
```
#5aafec rgb(90,175,236)
```
#53b0f3
```
#53b0f3 rgb(83,176,243)
```
#4cb1fa
```
#4cb1fa rgb(76,177,250)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#90a1ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a9e6 Protanopia 1% of men
#8eaaf0 Deuteranopia 1% of men
#4abac8 Tritanopia 0.001% of the population

Trichromacy

#81abe8 Protanomaly 1% of men, 0.01% of women
#7bacee Deuteranomaly 6% of men, 0.4% of women
#50b6d5 Tritanomaly 0.01% of the population

#5aafec hex color

#5aafec Color Information

#5aafec Color Conversion

Color Schemes with #5aafec

Alternatives to #5aafec

#5aafec Preview

Shades and Tints of #5aafec

Tones of #5aafec

Color Blindness Simulator