#5ab9ca hex color

In a RGB color space, hex #5ab9ca is composed of 35.3% red, 72.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 8.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 189.1 degrees, a saturation of 51.4% and a lightness of 57.3%. #5ab9ca color hex could be obtained by blending #b4ffff with #007395. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 73
- B 79
RGB color chart
- C 55
- M 8
- Y 0
- K 21
CMYK color chart

● #5ab9ca color description : Moderate cyan.

The hexadecimal color #5ab9ca has RGB values of R:90, G:185, B:202 and CMYK values of C:0.55, M:0.08, Y:0, K:0.21. Its decimal value is 5945802.

Hex triplet	5ab9ca	`#5ab9ca`
RGB Decimal	90, 185, 202	`rgb(90,185,202)`
RGB Percent	35.3, 72.5, 79.2	`rgb(35.3%,72.5%,79.2%)`
CMYK	55, 8, 0, 21
HSL	189.1°, 51.4, 57.3	`hsl(189.1,51.4%,57.3%)`
HSV (or HSB)	189.1°, 55.4, 79.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.269, -23.209, -17.133
XYZ	32.223, 41.134, 62.115
xyY	0.238, 0.304, 41.134
CIE-LCH	70.269, 28.847, 216.435
CIE-LUV	70.269, -39.813, -23.097
Hunter-Lab	64.135, -22.554, -12.528
Binary	01011010, 10111001, 11001010

#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#ca6b5a
```
#ca6b5a rgb(202,107,90)
```

Complementary Color

#5acaa3
```
#5acaa3 rgb(90,202,163)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#5a81ca
```
#5a81ca rgb(90,129,202)
```

Analogous Color

#caa35a
```
#caa35a rgb(202,163,90)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#ca5a81
```
#ca5a81 rgb(202,90,129)
```

Split Complementary Color

#b9ca5a
```
#b9ca5a rgb(185,202,90)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#ca5ab9
```
#ca5ab9 rgb(202,90,185)
```

Triadic Color

#5aca6b
```
#5aca6b rgb(90,202,107)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#ca5ab9
```
#ca5ab9 rgb(202,90,185)
```
#ca6b5a
```
#ca6b5a rgb(202,107,90)
```

Tetradic Color

#3492a3
```
#3492a3 rgb(52,146,163)
```
#3ba4b6
```
#3ba4b6 rgb(59,164,182)
```
#47b1c4
```
#47b1c4 rgb(71,177,196)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#6dc1d0
```
#6dc1d0 rgb(109,193,208)
```
#81c9d6
```
#81c9d6 rgb(129,201,214)
```
#94d2dd
```
#94d2dd rgb(148,210,221)
```

Monochromatic Color

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

#5acabf
```
#5acabf rgb(90,202,191)
```
#5acac8
```
#5acac8 rgb(90,202,200)
```
#5ac2ca
```
#5ac2ca rgb(90,194,202)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#5ab0ca
```
#5ab0ca rgb(90,176,202)
```
#5aa6ca
```
#5aa6ca rgb(90,166,202)
```
#5a9dca
```
#5a9dca rgb(90,157,202)
```

Similar Colors

Text with hexadecimal color #5ab9ca

This text has a font color of #5ab9ca.

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

#5ab9ca background color

This paragraph has a background color of #5ab9ca.

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

#5ab9ca border color

This element has a border color of #5ab9ca.

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

CSS codes

.text {color:#5ab9ca;}

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

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

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, #040c0d is the darkest color, while #fdfefe is the lightest one.

#040c0d
```
#040c0d rgb(4,12,13)
```
#09191c
```
#09191c rgb(9,25,28)
```
#0e262b
```
#0e262b rgb(14,38,43)
```
#13343a
```
#13343a rgb(19,52,58)
```
#174149
```
#174149 rgb(23,65,73)
```
#1c4e57
```
#1c4e57 rgb(28,78,87)
```
#215c66
```
#215c66 rgb(33,92,102)
```
#266975
```
#266975 rgb(38,105,117)
```
#2a7684
```
#2a7684 rgb(42,118,132)
```
#2f8493
```
#2f8493 rgb(47,132,147)
```
#3491a2
```
#3491a2 rgb(52,145,162)
```
#399eb0
```
#399eb0 rgb(57,158,176)
```
#3dacbf
```
#3dacbf rgb(61,172,191)
```

Shade Color Variation

#4bb3c5
```
#4bb3c5 rgb(75,179,197)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#69bfcf
```
#69bfcf rgb(105,191,207)
```
#78c6d4
```
#78c6d4 rgb(120,198,212)
```
#87ccd8
```
#87ccd8 rgb(135,204,216)
```
#95d2dd
```
#95d2dd rgb(149,210,221)
```
#a4d8e2
```
#a4d8e2 rgb(164,216,226)
```
#b3dfe7
```
#b3dfe7 rgb(179,223,231)
```
#c2e5eb
```
#c2e5eb rgb(194,229,235)
```
#d1ebf0
```
#d1ebf0 rgb(209,235,240)
```
#e0f2f5
```
#e0f2f5 rgb(224,242,245)
```
#eef8fa
```
#eef8fa rgb(238,248,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#8c9698
```
#8c9698 rgb(140,150,152)
```
#849ca0
```
#849ca0 rgb(132,156,160)
```
#7ca2a8
```
#7ca2a8 rgb(124,162,168)
```
#73a7b1
```
#73a7b1 rgb(115,167,177)
```
#6badb9
```
#6badb9 rgb(107,173,185)
```
#62b3c2
```
#62b3c2 rgb(98,179,194)
```
#5ab9ca
```
#5ab9ca rgb(90,185,202)
```
#52bfd2
```
#52bfd2 rgb(82,191,210)
```
#49c5db
```
#49c5db rgb(73,197,219)
```
#41cbe3
```
#41cbe3 rgb(65,203,227)
```
#38d0ec
```
#38d0ec rgb(56,208,236)
```
#30d6f4
```
#30d6f4 rgb(48,214,244)
```
#28dcfc
```
#28dcfc rgb(40,220,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#91a4a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acaec4 Protanopia 1% of men
#aeacd2 Deuteranopia 1% of men
#61bcca Tritanopia 0.001% of the population

Trichromacy

#8eb2c6 Protanomaly 1% of men, 0.01% of women
#8fb1cf Deuteranomaly 6% of men, 0.4% of women
#5ebbca Tritanomaly 0.01% of the population

#5ab9ca hex color

#5ab9ca Color Information

#5ab9ca Color Conversion

Color Schemes with #5ab9ca

Alternatives to #5ab9ca

#5ab9ca Preview

Shades and Tints of #5ab9ca

Tones of #5ab9ca

Color Blindness Simulator