colorhexa.com

#5ab9c7 hex color

In a RGB color space, hex #5ab9c7 is composed of 35.3% red, 72.5% green and 78% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 7% magenta, 0% yellow and 22% black. It has a hue angle of 187.7 degrees, a saturation of 49.3% and a lightness of 56.7%. #5ab9c7 color hex could be obtained by blending #b4ffff with #00738f. Closest websafe color is: #66cccc.

- R 35
- G 73
- B 78
RGB color chart
- C 55
- M 7
- Y 0
- K 22
CMYK color chart

● #5ab9c7 color description : Moderate cyan.

The hexadecimal color #5ab9c7 has RGB values of R:90, G:185, B:199 and CMYK values of C:0.55, M:0.07, Y:0, K:0.22. Its decimal value is 5945799.

Hex triplet	5ab9c7	`#5ab9c7`
RGB Decimal	90, 185, 199	`rgb(90,185,199)`
RGB Percent	35.3, 72.5, 78	`rgb(35.3%,72.5%,78%)`
CMYK	55, 7, 0, 22
HSL	187.7°, 49.3, 56.7	`hsl(187.7,49.3%,56.7%)`
HSV (or HSB)	187.7°, 54.8, 78
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.171, -24.057, -15.637
XYZ	31.871, 40.993, 60.263
xyY	0.239, 0.308, 40.993
CIE-LCH	70.171, 28.693, 213.023
CIE-LUV	70.171, -39.945, -20.544
Hunter-Lab	64.026, -23.189, -10.987
Binary	01011010, 10111001, 11000111

#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#c7685a
```
#c7685a rgb(199,104,90)
```

Complementary Color

#5ac79f
```
#5ac79f rgb(90,199,159)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#5a83c7
```
#5a83c7 rgb(90,131,199)
```

Analogous Color

#c79f5a
```
#c79f5a rgb(199,159,90)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#c75a83
```
#c75a83 rgb(199,90,131)
```

Split Complementary Color

#b9c75a
```
#b9c75a rgb(185,199,90)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#c75ab9
```
#c75ab9 rgb(199,90,185)
```

Triadic Color

#5ac768
```
#5ac768 rgb(90,199,104)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#c75ab9
```
#c75ab9 rgb(199,90,185)
```
#c7685a
```
#c7685a rgb(199,104,90)
```

Tetradic Color

#36919f
```
#36919f rgb(54,145,159)
```
#3ca3b2
```
#3ca3b2 rgb(60,163,178)
```
#47b1c1
```
#47b1c1 rgb(71,177,193)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#6dc1cd
```
#6dc1cd rgb(109,193,205)
```
#80c9d4
```
#80c9d4 rgb(128,201,212)
```
#93d1da
```
#93d1da rgb(147,209,218)
```

Monochromatic Color

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

#5ac7ba
```
#5ac7ba rgb(90,199,186)
```
#5ac7c3
```
#5ac7c3 rgb(90,199,195)
```
#5ac2c7
```
#5ac2c7 rgb(90,194,199)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#5ab0c7
```
#5ab0c7 rgb(90,176,199)
```
#5aa7c7
```
#5aa7c7 rgb(90,167,199)
```
#5a9ec7
```
#5a9ec7 rgb(90,158,199)
```

Similar Colors

Text with hexadecimal color #5ab9c7

This text has a font color of #5ab9c7.

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

#5ab9c7 background color

This paragraph has a background color of #5ab9c7.

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

#5ab9c7 border color

This element has a border color of #5ab9c7.

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

CSS codes

.text {color:#5ab9c7;}

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

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

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

#040a0b
```
#040a0b rgb(4,10,11)
```
#091719
```
#091719 rgb(9,23,25)
```
#0e2528
```
#0e2528 rgb(14,37,40)
```
#133237
```
#133237 rgb(19,50,55)
```
#183f45
```
#183f45 rgb(24,63,69)
```
#1c4d54
```
#1c4d54 rgb(28,77,84)
```
#215a63
```
#215a63 rgb(33,90,99)
```
#266871
```
#266871 rgb(38,104,113)
```
#2b7580
```
#2b7580 rgb(43,117,128)
```
#30828f
```
#30828f rgb(48,130,143)
```
#35909d
```
#35909d rgb(53,144,157)
```
#3a9dac
```
#3a9dac rgb(58,157,172)
```
#3fabba
```
#3fabba rgb(63,171,186)
```

Shade Color Variation

#4bb3c2
```
#4bb3c2 rgb(75,179,194)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#69bfcc
```
#69bfcc rgb(105,191,204)
```
#77c5d1
```
#77c5d1 rgb(119,197,209)
```
#86ccd6
```
#86ccd6 rgb(134,204,214)
```
#95d2db
```
#95d2db rgb(149,210,219)
```
#a3d8e0
```
#a3d8e0 rgb(163,216,224)
```
#b2dee5
```
#b2dee5 rgb(178,222,229)
```
#c1e4ea
```
#c1e4ea rgb(193,228,234)
```
#cfebef
```
#cfebef rgb(207,235,239)
```
#def1f4
```
#def1f4 rgb(222,241,244)
```
#ecf7f9
```
#ecf7f9 rgb(236,247,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#8d9394
```
#8d9394 rgb(141,147,148)
```
#85999d
```
#85999d rgb(133,153,157)
```
#7ca0a5
```
#7ca0a5 rgb(124,160,165)
```
#74a6ae
```
#74a6ae rgb(116,166,174)
```
#6bacb6
```
#6bacb6 rgb(107,172,182)
```
#63b3bf
```
#63b3bf rgb(99,179,191)
```
#5ab9c7
```
#5ab9c7 rgb(90,185,199)
```
#52bfd0
```
#52bfd0 rgb(82,191,208)
```
#49c6d8
```
#49c6d8 rgb(73,198,216)
```
#41cce1
```
#41cce1 rgb(65,204,225)
```
#38d2e9
```
#38d2e9 rgb(56,210,233)
```
#30d9f2
```
#30d9f2 rgb(48,217,242)
```
#27dffa
```
#27dffa rgb(39,223,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#90a3a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adaec1 Protanopia 1% of men
#afaccf Deuteranopia 1% of men
#62bcca Tritanopia 0.001% of the population

Trichromacy

#8eb2c3 Protanomaly 1% of men, 0.01% of women
#90b0cc Deuteranomaly 6% of men, 0.4% of women
#5fbbc9 Tritanomaly 0.01% of the population