#5aafcd hex color

In a RGB color space, hex #5aafcd is composed of 35.3% red, 68.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 14.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 195.7 degrees, a saturation of 53.5% and a lightness of 57.8%. #5aafcd color hex could be obtained by blending #b4ffff with #005f9b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 69
- B 80
RGB color chart
- C 56
- M 15
- Y 0
- K 20
CMYK color chart

● #5aafcd color description : Moderate blue.

The hexadecimal color #5aafcd has RGB values of R:90, G:175, B:205 and CMYK values of C:0.56, M:0.15, Y:0, K:0.2. Its decimal value is 5943245.

Hex triplet	5aafcd	`#5aafcd`
RGB Decimal	90, 175, 205	`rgb(90,175,205)`
RGB Percent	35.3, 68.6, 80.4	`rgb(35.3%,68.6%,80.4%)`
CMYK	56, 15, 0, 20
HSL	195.7°, 53.5, 57.8	`hsl(195.7,53.5%,57.8%)`
HSV (or HSB)	195.7°, 56.1, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.456, -17.176, -23.059
XYZ	30.563, 37.239, 63.332
xyY	0.233, 0.284, 37.239
CIE-LCH	67.456, 28.753, 233.319
CIE-LUV	67.456, -35.897, -33.483
Hunter-Lab	61.024, -17.393, -18.815
Binary	01011010, 10101111, 11001101

#5aafcd
```
#5aafcd rgb(90,175,205)
```
#cd785a
```
#cd785a rgb(205,120,90)
```

Complementary Color

#5acdb2
```
#5acdb2 rgb(90,205,178)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#5a76cd
```
#5a76cd rgb(90,118,205)
```

Analogous Color

#cdb25a
```
#cdb25a rgb(205,178,90)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#cd5a76
```
#cd5a76 rgb(205,90,118)
```

Split Complementary Color

#afcd5a
```
#afcd5a rgb(175,205,90)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#cd5aaf
```
#cd5aaf rgb(205,90,175)
```

Triadic Color

#5acd78
```
#5acd78 rgb(90,205,120)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#cd5aaf
```
#cd5aaf rgb(205,90,175)
```
#cd785a
```
#cd785a rgb(205,120,90)
```

Tetradic Color

#3389a8
```
#3389a8 rgb(51,137,168)
```
#3999bb
```
#3999bb rgb(57,153,187)
```
#46a6c7
```
#46a6c7 rgb(70,166,199)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#6eb8d3
```
#6eb8d3 rgb(110,184,211)
```
#81c2d9
```
#81c2d9 rgb(129,194,217)
```
#95cbdf
```
#95cbdf rgb(149,203,223)
```

Monochromatic Color

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

#5acccd
```
#5acccd rgb(90,204,205)
```
#5ac2cd
```
#5ac2cd rgb(90,194,205)
```
#5ab9cd
```
#5ab9cd rgb(90,185,205)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#5aa5cd
```
#5aa5cd rgb(90,165,205)
```
#5a9ccd
```
#5a9ccd rgb(90,156,205)
```
#5a92cd
```
#5a92cd rgb(90,146,205)
```

Similar Colors

Text with hexadecimal color #5aafcd

This text has a font color of #5aafcd.

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

#5aafcd background color

This paragraph has a background color of #5aafcd.

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

#5aafcd border color

This element has a border color of #5aafcd.

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

CSS codes

.text {color:#5aafcd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050d10
```
#050d10 rgb(5,13,16)
```
#09191f
```
#09191f rgb(9,25,31)
```
#0e252e
```
#0e252e rgb(14,37,46)
```
#12323d
```
#12323d rgb(18,50,61)
```
#173e4c
```
#173e4c rgb(23,62,76)
```
#1c4a5b
```
#1c4a5b rgb(28,74,91)
```
#20576a
```
#20576a rgb(32,87,106)
```
#256379
```
#256379 rgb(37,99,121)
```
#296f88
```
#296f88 rgb(41,111,136)
```
#2e7c97
```
#2e7c97 rgb(46,124,151)
```
#3288a6
```
#3288a6 rgb(50,136,166)
```
#3794b5
```
#3794b5 rgb(55,148,181)
```

Shade Color Variation

#3ca0c4
```
#3ca0c4 rgb(60,160,196)
```
#4ba8c8
```
#4ba8c8 rgb(75,168,200)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#69b6d2
```
#69b6d2 rgb(105,182,210)
```
#78bed6
```
#78bed6 rgb(120,190,214)
```
#87c5db
```
#87c5db rgb(135,197,219)
```
#96ccdf
```
#96ccdf rgb(150,204,223)
```
#a5d3e4
```
#a5d3e4 rgb(165,211,228)
```
#b4dbe8
```
#b4dbe8 rgb(180,219,232)
```
#c3e2ed
```
#c3e2ed rgb(195,226,237)
```
#d2e9f1
```
#d2e9f1 rgb(210,233,241)
```
#e1f1f6
```
#e1f1f6 rgb(225,241,246)
```
#f1f8fb
```
#f1f8fb rgb(241,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c979b is the less saturated color, while #28c7ff is the most saturated one.

#8c979b
```
#8c979b rgb(140,151,155)
```
#839ba4
```
#839ba4 rgb(131,155,164)
```
#7b9fac
```
#7b9fac rgb(123,159,172)
```
#73a3b4
```
#73a3b4 rgb(115,163,180)
```
#6ba7bc
```
#6ba7bc rgb(107,167,188)
```
#62abc5
```
#62abc5 rgb(98,171,197)
```
#5aafcd
```
#5aafcd rgb(90,175,205)
```
#52b3d5
```
#52b3d5 rgb(82,179,213)
```
#49b7de
```
#49b7de rgb(73,183,222)
```
#41bbe6
```
#41bbe6 rgb(65,187,230)
```
#39bfee
```
#39bfee rgb(57,191,238)
```
#31c3f6
```
#31c3f6 rgb(49,195,246)
```
#28c7ff
```
#28c7ff rgb(40,199,255)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8c9da3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a7c8 Protanopia 1% of men
#a0a6d4 Deuteranopia 1% of men
#5cb5c2 Tritanopia 0.001% of the population

Trichromacy

#87aaca Protanomaly 1% of men, 0.01% of women
#86a9d1 Deuteranomaly 6% of men, 0.4% of women
#5bb3c6 Tritanomaly 0.01% of the population

#5aafcd hex color

#5aafcd Color Information

#5aafcd Color Conversion

Color Schemes with #5aafcd

Alternatives to #5aafcd

#5aafcd Preview

Shades and Tints of #5aafcd

Tones of #5aafcd

Color Blindness Simulator