#5ab4c7 hex color

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

♥
- f
- t
- g
- R 35
- G 71
- B 78
RGB color chart
- C 55
- M 10
- Y 0
- K 22
CMYK color chart

● #5ab4c7 color description : Moderate cyan.

The hexadecimal color #5ab4c7 has RGB values of R:90, G:180, B:199 and CMYK values of C:0.55, M:0.1, Y:0, K:0.22. Its decimal value is 5944519.

Hex triplet	5ab4c7	`#5ab4c7`
RGB Decimal	90, 180, 199	`rgb(90,180,199)`
RGB Percent	35.3, 70.6, 78	`rgb(35.3%,70.6%,78%)`
CMYK	55, 10, 0, 22
HSL	190.5°, 49.3, 56.7	`hsl(190.5,49.3%,56.7%)`
HSV (or HSB)	190.5°, 54.8, 78
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.706, -21.518, -17.851
XYZ	30.844, 38.938, 59.92
xyY	0.238, 0.3, 38.938
CIE-LCH	68.706, 27.958, 219.679
CIE-LUV	68.706, -38.037, -24.428
Hunter-Lab	62.4, -20.969, -13.254
Binary	01011010, 10110100, 11000111

#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#c76d5a
```
#c76d5a rgb(199,109,90)
```

Complementary Color

#5ac7a4
```
#5ac7a4 rgb(90,199,164)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#5a7ec7
```
#5a7ec7 rgb(90,126,199)
```

Analogous Color

#c7a45a
```
#c7a45a rgb(199,164,90)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#c75a7e
```
#c75a7e rgb(199,90,126)
```

Split Complementary Color

#b4c75a
```
#b4c75a rgb(180,199,90)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#c75ab4
```
#c75ab4 rgb(199,90,180)
```

Triadic Color

#5ac76d
```
#5ac76d rgb(90,199,109)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#c75ab4
```
#c75ab4 rgb(199,90,180)
```
#c76d5a
```
#c76d5a rgb(199,109,90)
```

Tetradic Color

#368c9f
```
#368c9f rgb(54,140,159)
```
#3c9db2
```
#3c9db2 rgb(60,157,178)
```
#47abc1
```
#47abc1 rgb(71,171,193)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#6dbdcd
```
#6dbdcd rgb(109,189,205)
```
#80c5d4
```
#80c5d4 rgb(128,197,212)
```
#93ceda
```
#93ceda rgb(147,206,218)
```

Monochromatic Color

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

#5ac7bf
```
#5ac7bf rgb(90,199,191)
```
#5ac6c7
```
#5ac6c7 rgb(90,198,199)
```
#5abdc7
```
#5abdc7 rgb(90,189,199)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#5aabc7
```
#5aabc7 rgb(90,171,199)
```
#5aa2c7
```
#5aa2c7 rgb(90,162,199)
```
#5a99c7
```
#5a99c7 rgb(90,153,199)
```

Similar Colors

Text with hexadecimal color #5ab4c7

This text has a font color of #5ab4c7.

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

#5ab4c7 background color

This paragraph has a background color of #5ab4c7.

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

#5ab4c7 border color

This element has a border color of #5ab4c7.

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

CSS codes

.text {color:#5ab4c7;}

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

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

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)
```
#091619
```
#091619 rgb(9,22,25)
```
#0e2328
```
#0e2328 rgb(14,35,40)
```
#133037
```
#133037 rgb(19,48,55)
```
#183d45
```
#183d45 rgb(24,61,69)
```
#1c4a54
```
#1c4a54 rgb(28,74,84)
```
#215763
```
#215763 rgb(33,87,99)
```
#266471
```
#266471 rgb(38,100,113)
```
#2b7180
```
#2b7180 rgb(43,113,128)
```
#307e8f
```
#307e8f rgb(48,126,143)
```
#358b9d
```
#358b9d rgb(53,139,157)
```
#3a98ac
```
#3a98ac rgb(58,152,172)
```
#3fa5ba
```
#3fa5ba rgb(63,165,186)
```

Shade Color Variation

#4badc2
```
#4badc2 rgb(75,173,194)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#69bbcc
```
#69bbcc rgb(105,187,204)
```
#77c1d1
```
#77c1d1 rgb(119,193,209)
```
#86c8d6
```
#86c8d6 rgb(134,200,214)
```
#95cfdb
```
#95cfdb rgb(149,207,219)
```
#a3d5e0
```
#a3d5e0 rgb(163,213,224)
```
#b2dce5
```
#b2dce5 rgb(178,220,229)
```
#c1e3ea
```
#c1e3ea rgb(193,227,234)
```
#cfe9ef
```
#cfe9ef rgb(207,233,239)
```
#def0f4
```
#def0f4 rgb(222,240,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 #27d5fa is the most saturated one.

#8d9394
```
#8d9394 rgb(141,147,148)
```
#85989d
```
#85989d rgb(133,152,157)
```
#7c9ea5
```
#7c9ea5 rgb(124,158,165)
```
#74a3ae
```
#74a3ae rgb(116,163,174)
```
#6ba9b6
```
#6ba9b6 rgb(107,169,182)
```
#63aebf
```
#63aebf rgb(99,174,191)
```
#5ab4c7
```
#5ab4c7 rgb(90,180,199)
```
#52bad0
```
#52bad0 rgb(82,186,208)
```
#49bfd8
```
#49bfd8 rgb(73,191,216)
```
#41c5e1
```
#41c5e1 rgb(65,197,225)
```
#38cae9
```
#38cae9 rgb(56,202,233)
```
#30d0f2
```
#30d0f2 rgb(48,208,242)
```
#27d5fa
```
#27d5fa rgb(39,213,250)
```

Tone Color Variation

Below, you can see how #5ab4c7 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
#8ea0a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8aac2 Protanopia 1% of men
#a9a8cf Deuteranopia 1% of men
#60b8c6 Tritanopia 0.001% of the population

Trichromacy

#8baec3 Protanomaly 1% of men, 0.01% of women
#8caccc Deuteranomaly 6% of men, 0.4% of women
#5eb6c6 Tritanomaly 0.01% of the population

#5ab4c7 hex color

#5ab4c7 Color Information

#5ab4c7 Color Conversion

Color Schemes with #5ab4c7

Alternatives to #5ab4c7

#5ab4c7 Preview

Shades and Tints of #5ab4c7

Tones of #5ab4c7

Color Blindness Simulator