#5abea5 hex color

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

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

● #5abea5 color description : Moderate cyan.

The hexadecimal color #5abea5 has RGB values of R:90, G:190, B:165 and CMYK values of C:0.53, M:0, Y:0.13, K:0.25. Its decimal value is 5947045.

Hex triplet	5abea5	`#5abea5`
RGB Decimal	90, 190, 165	`rgb(90,190,165)`
RGB Percent	35.3, 74.5, 64.7	`rgb(35.3%,74.5%,64.7%)`
CMYK	53, 0, 13, 25
HSL	165°, 43.5, 54.9	`hsl(165,43.5%,54.9%)`
HSV (or HSB)	165°, 52.6, 74.5
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.674, -35.374, 3.738
XYZ	29.419, 41.715, 42.097
xyY	0.26, 0.368, 41.715
CIE-LCH	70.674, 35.57, 173.968
CIE-LUV	70.674, -43.411, 11.124
Hunter-Lab	64.587, -31.721, 6.567
Binary	01011010, 10111110, 10100101

#5abea5
```
#5abea5 rgb(90,190,165)
```
#be5a73
```
#be5a73 rgb(190,90,115)
```

Complementary Color

#5abe73
```
#5abe73 rgb(90,190,115)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#5aa5be
```
#5aa5be rgb(90,165,190)
```

Analogous Color

#be735a
```
#be735a rgb(190,115,90)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#be5aa5
```
#be5aa5 rgb(190,90,165)
```

Split Complementary Color

#bea55a
```
#bea55a rgb(190,165,90)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#a55abe
```
#a55abe rgb(165,90,190)
```

Triadic Color

#73be5a
```
#73be5a rgb(115,190,90)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#a55abe
```
#a55abe rgb(165,90,190)
```
#be5a73
```
#be5a73 rgb(190,90,115)
```

Tetradic Color

#3a927c
```
#3a927c rgb(58,146,124)
```
#41a48b
```
#41a48b rgb(65,164,139)
```
#48b79b
```
#48b79b rgb(72,183,155)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#6cc5af
```
#6cc5af rgb(108,197,175)
```
#7fccb9
```
#7fccb9 rgb(127,204,185)
```
#91d4c3
```
#91d4c3 rgb(145,212,195)
```

Monochromatic Color

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

#5abe8c
```
#5abe8c rgb(90,190,140)
```
#5abe94
```
#5abe94 rgb(90,190,148)
```
#5abe9d
```
#5abe9d rgb(90,190,157)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#5abead
```
#5abead rgb(90,190,173)
```
#5abeb6
```
#5abeb6 rgb(90,190,182)
```
#5abebe
```
#5abebe rgb(90,190,190)
```

Similar Colors

Text with hexadecimal color #5abea5

This text has a font color of #5abea5.

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

#5abea5 background color

This paragraph has a background color of #5abea5.

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

#5abea5 border color

This element has a border color of #5abea5.

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

CSS codes

.text {color:#5abea5;}

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

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

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)
```
#0d201b
```
#0d201b rgb(13,32,27)
```
#122e27
```
#122e27 rgb(18,46,39)
```
#183c33
```
#183c33 rgb(24,60,51)
```
#1d4a3f
```
#1d4a3f rgb(29,74,63)
```
#23584b
```
#23584b rgb(35,88,75)
```
#286657
```
#286657 rgb(40,102,87)
```
#2e7463
```
#2e7463 rgb(46,116,99)
```
#33836f
```
#33836f rgb(51,131,111)
```
#39917b
```
#39917b rgb(57,145,123)
```
#3f9f87
```
#3f9f87 rgb(63,159,135)
```
#44ad93
```
#44ad93 rgb(68,173,147)
```

Shade Color Variation

#4cb89d
```
#4cb89d rgb(76,184,157)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#68c4ad
```
#68c4ad rgb(104,196,173)
```
#76c9b4
```
#76c9b4 rgb(118,201,180)
```
#84cfbc
```
#84cfbc rgb(132,207,188)
```
#92d4c4
```
#92d4c4 rgb(146,212,196)
```
#a0dacb
```
#a0dacb rgb(160,218,203)
```
#aedfd3
```
#aedfd3 rgb(174,223,211)
```
#bde5db
```
#bde5db rgb(189,229,219)
```
#cbeae2
```
#cbeae2 rgb(203,234,226)
```
#d9f0ea
```
#d9f0ea rgb(217,240,234)
```
#e7f5f2
```
#e7f5f2 rgb(231,245,242)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

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

#86928f
```
#86928f rgb(134,146,143)
```
#7d9b93
```
#7d9b93 rgb(125,155,147)
```
#75a398
```
#75a398 rgb(117,163,152)
```
#6cac9c
```
#6cac9c rgb(108,172,156)
```
#63b5a1
```
#63b5a1 rgb(99,181,161)
```
#5abea5
```
#5abea5 rgb(90,190,165)
```
#51c7a9
```
#51c7a9 rgb(81,199,169)
```
#48d0ae
```
#48d0ae rgb(72,208,174)
```
#3fd9b2
```
#3fd9b2 rgb(63,217,178)
```
#37e1b7
```
#37e1b7 rgb(55,225,183)
```
#2eeabb
```
#2eeabb rgb(46,234,187)
```
#25f3c0
```
#25f3c0 rgb(37,243,192)
```
#1cfcc4
```
#1cfcc4 rgb(28,252,196)
```

Tone Color Variation

Below, you can see how #5abea5 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
#90a49f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b0a1 Protanopia 1% of men
#c1abb1 Deuteranopia 1% of men
#6fbcca Tritanopia 0.001% of the population

Trichromacy

#95b5a2 Protanomaly 1% of men, 0.01% of women
#9bb2ac Deuteranomaly 6% of men, 0.4% of women
#67bdbc Tritanomaly 0.01% of the population

#5abea5 hex color

#5abea5 Color Information

#5abea5 Color Conversion

Color Schemes with #5abea5

Alternatives to #5abea5

#5abea5 Preview

Shades and Tints of #5abea5

Tones of #5abea5

Color Blindness Simulator