#5ab3c1 hex color

In a RGB color space, hex #5ab3c1 is composed of 35.3% red, 70.2% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 7.3% magenta, 0% yellow and 24.3% black. It has a hue angle of 188.2 degrees, a saturation of 45.4% and a lightness of 55.5%. #5ab3c1 color hex could be obtained by blending #b4ffff with #006783. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 35
- G 70
- B 76
RGB color chart
- C 53
- M 7
- Y 0
- K 24
CMYK color chart

● #5ab3c1 color description : Moderate cyan.

The hexadecimal color #5ab3c1 has RGB values of R:90, G:179, B:193 and CMYK values of C:0.53, M:0.07, Y:0, K:0.24. Its decimal value is 5944257.

Hex triplet	5ab3c1	`#5ab3c1`
RGB Decimal	90, 179, 193	`rgb(90,179,193)`
RGB Percent	35.3, 70.2, 75.7	`rgb(35.3%,70.2%,75.7%)`
CMYK	53, 7, 0, 24
HSL	188.2°, 45.4, 55.5	`hsl(188.2,45.4%,55.5%)`
HSV (or HSB)	188.2°, 53.4, 75.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.213, -22.709, -15.289
XYZ	29.96, 38.262, 56.256
xyY	0.241, 0.307, 38.262
CIE-LCH	68.213, 27.376, 213.95
CIE-LUV	68.213, -37.901, -20.09
Hunter-Lab	61.856, -21.794, -10.622
Binary	01011010, 10110011, 11000001

#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#c1685a
```
#c1685a rgb(193,104,90)
```

Complementary Color

#5ac19c
```
#5ac19c rgb(90,193,156)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#5a80c1
```
#5a80c1 rgb(90,128,193)
```

Analogous Color

#c19c5a
```
#c19c5a rgb(193,156,90)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#c15a80
```
#c15a80 rgb(193,90,128)
```

Split Complementary Color

#b3c15a
```
#b3c15a rgb(179,193,90)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#c15ab3
```
#c15ab3 rgb(193,90,179)
```

Triadic Color

#5ac168
```
#5ac168 rgb(90,193,104)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#c15ab3
```
#c15ab3 rgb(193,90,179)
```
#c1685a
```
#c1685a rgb(193,104,90)
```

Tetradic Color

#388996
```
#388996 rgb(56,137,150)
```
#3f9aa9
```
#3f9aa9 rgb(63,154,169)
```
#47aaba
```
#47aaba rgb(71,170,186)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#6dbcc8
```
#6dbcc8 rgb(109,188,200)
```
#7fc4cf
```
#7fc4cf rgb(127,196,207)
```
#92cdd6
```
#92cdd6 rgb(146,205,214)
```

Monochromatic Color

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

#5ac1b5
```
#5ac1b5 rgb(90,193,181)
```
#5ac1be
```
#5ac1be rgb(90,193,190)
```
#5abcc1
```
#5abcc1 rgb(90,188,193)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#5aaac1
```
#5aaac1 rgb(90,170,193)
```
#5aa2c1
```
#5aa2c1 rgb(90,162,193)
```
#5a99c1
```
#5a99c1 rgb(90,153,193)
```

Similar Colors

Text with hexadecimal color #5ab3c1

This text has a font color of #5ab3c1.

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

#5ab3c1 background color

This paragraph has a background color of #5ab3c1.

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

#5ab3c1 border color

This element has a border color of #5ab3c1.

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

CSS codes

.text {color:#5ab3c1;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#081314
```
#081314 rgb(8,19,20)
```
#0d2023
```
#0d2023 rgb(13,32,35)
```
#122d31
```
#122d31 rgb(18,45,49)
```
#183a3f
```
#183a3f rgb(24,58,63)
```
#1d474d
```
#1d474d rgb(29,71,77)
```
#22545c
```
#22545c rgb(34,84,92)
```
#28616a
```
#28616a rgb(40,97,106)
```
#2d6e78
```
#2d6e78 rgb(45,110,120)
```
#337b86
```
#337b86 rgb(51,123,134)
```
#388895
```
#388895 rgb(56,136,149)
```
#3d95a3
```
#3d95a3 rgb(61,149,163)
```
#43a2b1
```
#43a2b1 rgb(67,162,177)
```

Shade Color Variation

#4cacbc
```
#4cacbc rgb(76,172,188)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#68bac6
```
#68bac6 rgb(104,186,198)
```
#77c0cc
```
#77c0cc rgb(119,192,204)
```
#85c7d1
```
#85c7d1 rgb(133,199,209)
```
#93cdd6
```
#93cdd6 rgb(147,205,214)
```
#a1d4dc
```
#a1d4dc rgb(161,212,220)
```
#b0dae1
```
#b0dae1 rgb(176,218,225)
```
#bee1e7
```
#bee1e7 rgb(190,225,231)
```
#cce8ec
```
#cce8ec rgb(204,232,236)
```
#daeef1
```
#daeef1 rgb(218,238,241)
```
#e9f5f7
```
#e9f5f7 rgb(233,245,247)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

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

#869395
```
#869395 rgb(134,147,149)
```
#7d9a9e
```
#7d9a9e rgb(125,154,158)
```
#74a0a7
```
#74a0a7 rgb(116,160,167)
```
#6ba6b0
```
#6ba6b0 rgb(107,166,176)
```
#63adb8
```
#63adb8 rgb(99,173,184)
```
#5ab3c1
```
#5ab3c1 rgb(90,179,193)
```
#51b9ca
```
#51b9ca rgb(81,185,202)
```
#49c0d2
```
#49c0d2 rgb(73,192,210)
```
#40c6db
```
#40c6db rgb(64,198,219)
```
#37cce4
```
#37cce4 rgb(55,204,228)
```
#2ed3ed
```
#2ed3ed rgb(46,211,237)
```
#26d9f5
```
#26d9f5 rgb(38,217,245)
```
#1de0fe
```
#1de0fe rgb(29,224,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8d9fa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a9bc Protanopia 1% of men
#aaa7c9 Deuteranopia 1% of men
#62b6c4 Tritanopia 0.001% of the population

Trichromacy

#8badbe Protanomaly 1% of men, 0.01% of women
#8dabc6 Deuteranomaly 6% of men, 0.4% of women
#5fb5c3 Tritanomaly 0.01% of the population

#5ab3c1 hex color

#5ab3c1 Color Information

#5ab3c1 Color Conversion

Color Schemes with #5ab3c1

Alternatives to #5ab3c1

#5ab3c1 Preview

Shades and Tints of #5ab3c1

Tones of #5ab3c1

Color Blindness Simulator