#5aa7be hex color

In a RGB color space, hex #5aa7be is composed of 35.3% red, 65.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 12.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 193.8 degrees, a saturation of 43.5% and a lightness of 54.9%. #5aa7be color hex could be obtained by blending #b4ffff with #004f7d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 65
- B 75
RGB color chart
- C 53
- M 12
- Y 0
- K 25
CMYK color chart

● #5aa7be color description : Moderate cyan.

The hexadecimal color #5aa7be has RGB values of R:90, G:167, B:190 and CMYK values of C:0.53, M:0.12, Y:0, K:0.25. Its decimal value is 5941182.

Hex triplet	5aa7be	`#5aa7be`
RGB Decimal	90, 167, 190	`rgb(90,167,190)`
RGB Percent	35.3, 65.5, 74.5	`rgb(35.3%,65.5%,74.5%)`
CMYK	53, 12, 0, 25
HSL	193.8°, 43.5, 54.9	`hsl(193.8,43.5%,54.9%)`
HSV (or HSB)	193.8°, 52.6, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.585, -17.345, -19.119
XYZ	27.327, 33.527, 53.744
xyY	0.238, 0.293, 33.527
CIE-LCH	64.585, 25.814, 227.784
CIE-LUV	64.585, -33.381, -26.828
Hunter-Lab	57.903, -17.087, -14.5
Binary	01011010, 10100111, 10111110

#5aa7be
```
#5aa7be rgb(90,167,190)
```
#be715a
```
#be715a rgb(190,113,90)
```

Complementary Color

#5abea3
```
#5abea3 rgb(90,190,163)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#5a75be
```
#5a75be rgb(90,117,190)
```

Analogous Color

#bea35a
```
#bea35a rgb(190,163,90)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#be5a75
```
#be5a75 rgb(190,90,117)
```

Split Complementary Color

#a7be5a
```
#a7be5a rgb(167,190,90)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#be5aa7
```
#be5aa7 rgb(190,90,167)
```

Triadic Color

#5abe71
```
#5abe71 rgb(90,190,113)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#be5aa7
```
#be5aa7 rgb(190,90,167)
```
#be715a
```
#be715a rgb(190,113,90)
```

Tetradic Color

#3a7e92
```
#3a7e92 rgb(58,126,146)
```
#418da4
```
#418da4 rgb(65,141,164)
```
#489db7
```
#489db7 rgb(72,157,183)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#6cb1c5
```
#6cb1c5 rgb(108,177,197)
```
#7fbbcc
```
#7fbbcc rgb(127,187,204)
```
#91c4d4
```
#91c4d4 rgb(145,196,212)
```

Monochromatic Color

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

#5abebc
```
#5abebc rgb(90,190,188)
```
#5ab8be
```
#5ab8be rgb(90,184,190)
```
#5aafbe
```
#5aafbe rgb(90,175,190)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#5a9fbe
```
#5a9fbe rgb(90,159,190)
```
#5a96be
```
#5a96be rgb(90,150,190)
```
#5a8ebe
```
#5a8ebe rgb(90,142,190)
```

Similar Colors

Text with hexadecimal color #5aa7be

This text has a font color of #5aa7be.

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

#5aa7be background color

This paragraph has a background color of #5aa7be.

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

#5aa7be border color

This element has a border color of #5aa7be.

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

CSS codes

.text {color:#5aa7be;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070f12
```
#070f12 rgb(7,15,18)
```
#0d1c20
```
#0d1c20 rgb(13,28,32)
```
#12282e
```
#12282e rgb(18,40,46)
```
#18343c
```
#18343c rgb(24,52,60)
```
#1d404a
```
#1d404a rgb(29,64,74)
```
#234c58
```
#234c58 rgb(35,76,88)
```
#285866
```
#285866 rgb(40,88,102)
```
#2e6474
```
#2e6474 rgb(46,100,116)
```
#337083
```
#337083 rgb(51,112,131)
```
#397c91
```
#397c91 rgb(57,124,145)
```
#3f899f
```
#3f899f rgb(63,137,159)
```
#4495ad
```
#4495ad rgb(68,149,173)
```

Shade Color Variation

#4c9fb8
```
#4c9fb8 rgb(76,159,184)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#68afc4
```
#68afc4 rgb(104,175,196)
```
#76b6c9
```
#76b6c9 rgb(118,182,201)
```
#84becf
```
#84becf rgb(132,190,207)
```
#92c5d4
```
#92c5d4 rgb(146,197,212)
```
#a0cdda
```
#a0cdda rgb(160,205,218)
```
#aed4df
```
#aed4df rgb(174,212,223)
```
#bddce5
```
#bddce5 rgb(189,220,229)
```
#cbe3ea
```
#cbe3ea rgb(203,227,234)
```
#d9ebf0
```
#d9ebf0 rgb(217,235,240)
```
#e7f2f5
```
#e7f2f5 rgb(231,242,245)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868f92 is the less saturated color, while #1cc8fc is the most saturated one.

#868f92
```
#868f92 rgb(134,143,146)
```
#7d949b
```
#7d949b rgb(125,148,155)
```
#7599a3
```
#7599a3 rgb(117,153,163)
```
#6c9dac
```
#6c9dac rgb(108,157,172)
```
#63a2b5
```
#63a2b5 rgb(99,162,181)
```
#5aa7be
```
#5aa7be rgb(90,167,190)
```
#51acc7
```
#51acc7 rgb(81,172,199)
```
#48b1d0
```
#48b1d0 rgb(72,177,208)
```
#3fb5d9
```
#3fb5d9 rgb(63,181,217)
```
#37bae1
```
#37bae1 rgb(55,186,225)
```
#2ebfea
```
#2ebfea rgb(46,191,234)
```
#25c4f3
```
#25c4f3 rgb(37,196,243)
```
#1cc8fc
```
#1cc8fc rgb(28,200,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#88979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ca0ba Protanopia 1% of men
#9c9ec6 Deuteranopia 1% of men
#5facb9 Tritanopia 0.001% of the population

Trichromacy

#84a2bb Protanomaly 1% of men, 0.01% of women
#84a1c3 Deuteranomaly 6% of men, 0.4% of women
#5daabb Tritanomaly 0.01% of the population

#5aa7be hex color

#5aa7be Color Information

#5aa7be Color Conversion

Color Schemes with #5aa7be

Alternatives to #5aa7be

#5aa7be Preview

Shades and Tints of #5aa7be

Tones of #5aa7be

Color Blindness Simulator