#5ab5be hex color

In a RGB color space, hex #5ab5be is composed of 35.3% red, 71% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 4.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 185.4 degrees, a saturation of 43.5% and a lightness of 54.9%. #5ab5be color hex could be obtained by blending #b4ffff with #006b7d. Closest websafe color is: #66cccc.

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

● #5ab5be color description : Moderate cyan.

The hexadecimal color #5ab5be has RGB values of R:90, G:181, B:190 and CMYK values of C:0.53, M:0.05, Y:0, K:0.25. Its decimal value is 5944766.

Hex triplet	5ab5be	`#5ab5be`
RGB Decimal	90, 181, 190	`rgb(90,181,190)`
RGB Percent	35.3, 71, 74.5	`rgb(35.3%,71%,74.5%)`
CMYK	53, 5, 0, 25
HSL	185.4°, 43.5, 54.9	`hsl(185.4,43.5%,54.9%)`
HSV (or HSB)	185.4°, 52.6, 74.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.706, -24.557, -12.894
XYZ	30.032, 38.937, 54.645
xyY	0.243, 0.315, 38.937
CIE-LCH	68.706, 27.736, 207.702
CIE-LUV	68.706, -38.798, -16.007
Hunter-Lab	62.4, -23.29, -8.243
Binary	01011010, 10110101, 10111110

#5ab5be
```
#5ab5be rgb(90,181,190)
```
#be635a
```
#be635a rgb(190,99,90)
```

Complementary Color

#5abe95
```
#5abe95 rgb(90,190,149)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#5a83be
```
#5a83be rgb(90,131,190)
```

Analogous Color

#be955a
```
#be955a rgb(190,149,90)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#be5a83
```
#be5a83 rgb(190,90,131)
```

Split Complementary Color

#b5be5a
```
#b5be5a rgb(181,190,90)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#be5ab5
```
#be5ab5 rgb(190,90,181)
```

Triadic Color

#5abe63
```
#5abe63 rgb(90,190,99)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#be5ab5
```
#be5ab5 rgb(190,90,181)
```
#be635a
```
#be635a rgb(190,99,90)
```

Tetradic Color

#3a8a92
```
#3a8a92 rgb(58,138,146)
```
#419ba4
```
#419ba4 rgb(65,155,164)
```
#48adb7
```
#48adb7 rgb(72,173,183)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#6cbdc5
```
#6cbdc5 rgb(108,189,197)
```
#7fc5cc
```
#7fc5cc rgb(127,197,204)
```
#91ced4
```
#91ced4 rgb(145,206,212)
```

Monochromatic Color

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

#5abeae
```
#5abeae rgb(90,190,174)
```
#5abeb6
```
#5abeb6 rgb(90,190,182)
```
#5abdbe
```
#5abdbe rgb(90,189,190)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#5aadbe
```
#5aadbe rgb(90,173,190)
```
#5aa4be
```
#5aa4be rgb(90,164,190)
```
#5a9cbe
```
#5a9cbe rgb(90,156,190)
```

Similar Colors

Text with hexadecimal color #5ab5be

This text has a font color of #5ab5be.

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

#5ab5be background color

This paragraph has a background color of #5ab5be.

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

#5ab5be border color

This element has a border color of #5ab5be.

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

CSS codes

.text {color:#5ab5be;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071112
```
#071112 rgb(7,17,18)
```
#0d1e20
```
#0d1e20 rgb(13,30,32)
```
#122c2e
```
#122c2e rgb(18,44,46)
```
#18393c
```
#18393c rgb(24,57,60)
```
#1d464a
```
#1d464a rgb(29,70,74)
```
#235358
```
#235358 rgb(35,83,88)
```
#286166
```
#286166 rgb(40,97,102)
```
#2e6e74
```
#2e6e74 rgb(46,110,116)
```
#337b83
```
#337b83 rgb(51,123,131)
```
#398991
```
#398991 rgb(57,137,145)
```
#3f969f
```
#3f969f rgb(63,150,159)
```
#44a3ad
```
#44a3ad rgb(68,163,173)
```

Shade Color Variation

#4cafb8
```
#4cafb8 rgb(76,175,184)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#68bbc4
```
#68bbc4 rgb(104,187,196)
```
#76c2c9
```
#76c2c9 rgb(118,194,201)
```
#84c8cf
```
#84c8cf rgb(132,200,207)
```
#92ced4
```
#92ced4 rgb(146,206,212)
```
#a0d5da
```
#a0d5da rgb(160,213,218)
```
#aedbdf
```
#aedbdf rgb(174,219,223)
```
#bde1e5
```
#bde1e5 rgb(189,225,229)
```
#cbe7ea
```
#cbe7ea rgb(203,231,234)
```
#d9eef0
```
#d9eef0 rgb(217,238,240)
```
#e7f4f5
```
#e7f4f5 rgb(231,244,245)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#869192
```
#869192 rgb(134,145,146)
```
#7d989b
```
#7d989b rgb(125,152,155)
```
#759fa3
```
#759fa3 rgb(117,159,163)
```
#6ca6ac
```
#6ca6ac rgb(108,166,172)
```
#63aeb5
```
#63aeb5 rgb(99,174,181)
```
#5ab5be
```
#5ab5be rgb(90,181,190)
```
#51bcc7
```
#51bcc7 rgb(81,188,199)
```
#48c4d0
```
#48c4d0 rgb(72,196,208)
```
#3fcbd9
```
#3fcbd9 rgb(63,203,217)
```
#37d2e1
```
#37d2e1 rgb(55,210,225)
```
#2ed9ea
```
#2ed9ea rgb(46,217,234)
```
#25e1f3
```
#25e1f3 rgb(37,225,243)
```
#1ce8fc
```
#1ce8fc rgb(28,232,252)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8ea0a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaabb9 Protanopia 1% of men
#aea8c7 Deuteranopia 1% of men
#64b8c5 Tritanopia 0.001% of the population

Trichromacy

#8daebb Protanomaly 1% of men, 0.01% of women
#8facc3 Deuteranomaly 6% of men, 0.4% of women
#60b7c2 Tritanomaly 0.01% of the population

#5ab5be hex color

#5ab5be Color Information

#5ab5be Color Conversion

Color Schemes with #5ab5be

Alternatives to #5ab5be

#5ab5be Preview

Shades and Tints of #5ab5be

Tones of #5ab5be

Color Blindness Simulator