#5abea0 hex color

In a RGB color space, hex #5abea0 is composed of 35.3% red, 74.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 0% magenta, 15.8% yellow and 25.5% black. It has a hue angle of 162 degrees, a saturation of 43.5% and a lightness of 54.9%. #5abea0 color hex could be obtained by blending #b4ffff with #007d41. Closest websafe color is: #66cc99.

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

● #5abea0 color description : Moderate cyan - lime green.

The hexadecimal color #5abea0 has RGB values of R:90, G:190, B:160 and CMYK values of C:0.53, M:0, Y:0.16, K:0.25. Its decimal value is 5947040.

Hex triplet	5abea0	`#5abea0`
RGB Decimal	90, 190, 160	`rgb(90,190,160)`
RGB Percent	35.3, 74.5, 62.7	`rgb(35.3%,74.5%,62.7%)`
CMYK	53, 0, 16, 25
HSL	162°, 43.5, 54.9	`hsl(162,43.5%,54.9%)`
HSV (or HSB)	162°, 52.6, 74.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.55, -36.559, 6.288
XYZ	28.973, 41.537, 39.746
xyY	0.263, 0.377, 41.537
CIE-LCH	70.55, 37.096, 170.24
CIE-LUV	70.55, -43.635, 15.007
Hunter-Lab	64.449, -32.541, 8.549
Binary	01011010, 10111110, 10100000

#5abea0
```
#5abea0 rgb(90,190,160)
```
#be5a78
```
#be5a78 rgb(190,90,120)
```

Complementary Color

#5abe6e
```
#5abe6e rgb(90,190,110)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#5aaabe
```
#5aaabe rgb(90,170,190)
```

Analogous Color

#be6e5a
```
#be6e5a rgb(190,110,90)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#be5aaa
```
#be5aaa rgb(190,90,170)
```

Split Complementary Color

#bea05a
```
#bea05a rgb(190,160,90)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#a05abe
```
#a05abe rgb(160,90,190)
```

Triadic Color

#78be5a
```
#78be5a rgb(120,190,90)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#a05abe
```
#a05abe rgb(160,90,190)
```
#be5a78
```
#be5a78 rgb(190,90,120)
```

Tetradic Color

#3a9277
```
#3a9277 rgb(58,146,119)
```
#41a486
```
#41a486 rgb(65,164,134)
```
#48b795
```
#48b795 rgb(72,183,149)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#6cc5ab
```
#6cc5ab rgb(108,197,171)
```
#7fccb5
```
#7fccb5 rgb(127,204,181)
```
#91d4c0
```
#91d4c0 rgb(145,212,192)
```

Monochromatic Color

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

#5abe87
```
#5abe87 rgb(90,190,135)
```
#5abe8f
```
#5abe8f rgb(90,190,143)
```
#5abe98
```
#5abe98 rgb(90,190,152)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#5abea8
```
#5abea8 rgb(90,190,168)
```
#5abeb1
```
#5abeb1 rgb(90,190,177)
```
#5abeb9
```
#5abeb9 rgb(90,190,185)
```

Similar Colors

Text with hexadecimal color #5abea0

This text has a font color of #5abea0.

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

#5abea0 background color

This paragraph has a background color of #5abea0.

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

#5abea0 border color

This element has a border color of #5abea0.

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

CSS codes

.text {color:#5abea0;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#07120f
```
#07120f rgb(7,18,15)
```
#0d201a
```
#0d201a rgb(13,32,26)
```
#122e26
```
#122e26 rgb(18,46,38)
```
#183c31
```
#183c31 rgb(24,60,49)
```
#1d4a3d
```
#1d4a3d rgb(29,74,61)
```
#235848
```
#235848 rgb(35,88,72)
```
#286654
```
#286654 rgb(40,102,84)
```
#2e745f
```
#2e745f rgb(46,116,95)
```
#33836b
```
#33836b rgb(51,131,107)
```
#399176
```
#399176 rgb(57,145,118)
```
#3f9f82
```
#3f9f82 rgb(63,159,130)
```
#44ad8d
```
#44ad8d rgb(68,173,141)
```

Shade Color Variation

#4cb898
```
#4cb898 rgb(76,184,152)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#68c4a8
```
#68c4a8 rgb(104,196,168)
```
#76c9b0
```
#76c9b0 rgb(118,201,176)
```
#84cfb8
```
#84cfb8 rgb(132,207,184)
```
#92d4c0
```
#92d4c0 rgb(146,212,192)
```
#a0dac9
```
#a0dac9 rgb(160,218,201)
```
#aedfd1
```
#aedfd1 rgb(174,223,209)
```
#bde5d9
```
#bde5d9 rgb(189,229,217)
```
#cbeae1
```
#cbeae1 rgb(203,234,225)
```
#d9f0e9
```
#d9f0e9 rgb(217,240,233)
```
#e7f5f1
```
#e7f5f1 rgb(231,245,241)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

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

#86928e
```
#86928e rgb(134,146,142)
```
#7d9b92
```
#7d9b92 rgb(125,155,146)
```
#75a395
```
#75a395 rgb(117,163,149)
```
#6cac99
```
#6cac99 rgb(108,172,153)
```
#63b59c
```
#63b59c rgb(99,181,156)
```
#5abea0
```
#5abea0 rgb(90,190,160)
```
#51c7a4
```
#51c7a4 rgb(81,199,164)
```
#48d0a7
```
#48d0a7 rgb(72,208,167)
```
#3fd9ab
```
#3fd9ab rgb(63,217,171)
```
#37e1ae
```
#37e1ae rgb(55,225,174)
```
#2eeab2
```
#2eeab2 rgb(46,234,178)
```
#25f3b5
```
#25f3b5 rgb(37,243,181)
```
#1cfcb9
```
#1cfcb9 rgb(28,252,185)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#90a49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b09c Protanopia 1% of men
#c2abac Deuteranopia 1% of men
#70bcc9 Tritanopia 0.001% of the population

Trichromacy

#96b59d Protanomaly 1% of men, 0.01% of women
#9cb2a7 Deuteranomaly 6% of men, 0.4% of women
#68bcba Tritanomaly 0.01% of the population

#5abea0 hex color

#5abea0 Color Information

#5abea0 Color Conversion

Color Schemes with #5abea0

Alternatives to #5abea0

#5abea0 Preview

Shades and Tints of #5abea0

Tones of #5abea0

Color Blindness Simulator