#5baf90 hex color

In a RGB color space, hex #5baf90 is composed of 35.7% red, 68.6% green and 56.5% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 0% magenta, 17.7% yellow and 31.4% black. It has a hue angle of 157.9 degrees, a saturation of 34.4% and a lightness of 52.2%. #5baf90 color hex could be obtained by blending #b6ffff with #005f21. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 69
- B 56
RGB color chart
- C 48
- M 0
- Y 18
- K 31
CMYK color chart

● #5baf90 color description : Dark moderate cyan - lime green.

The hexadecimal color #5baf90 has RGB values of R:91, G:175, B:144 and CMYK values of C:0.48, M:0, Y:0.18, K:0.31. Its decimal value is 6008720.

Hex triplet	5baf90	`#5baf90`
RGB Decimal	91, 175, 144	`rgb(91,175,144)`
RGB Percent	35.7, 68.6, 56.5	`rgb(35.7%,68.6%,56.5%)`
CMYK	48, 0, 18, 31
HSL	157.9°, 34.4, 52.2	`hsl(157.9,34.4%,52.2%)`
HSV (or HSB)	157.9°, 48, 68.6
Web Safe	669999	`#669999`

CIE-LAB	65.668, -33.043, 8.085
XYZ	24.677, 34.896, 31.819
xyY	0.27, 0.382, 34.896
CIE-LCH	65.668, 34.018, 166.251
CIE-LUV	65.668, -37.961, 16.786
Hunter-Lab	59.073, -28.812, 9.415
Binary	01011011, 10101111, 10010000

#5baf90
```
#5baf90 rgb(91,175,144)
```
#af5b7a
```
#af5b7a rgb(175,91,122)
```

Complementary Color

#5baf66
```
#5baf66 rgb(91,175,102)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#5ba4af
```
#5ba4af rgb(91,164,175)
```

Analogous Color

#af665b
```
#af665b rgb(175,102,91)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#af5ba4
```
#af5ba4 rgb(175,91,164)
```

Split Complementary Color

#af905b
```
#af905b rgb(175,144,91)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#905baf
```
#905baf rgb(144,91,175)
```

Triadic Color

#7aaf5b
```
#7aaf5b rgb(122,175,91)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#905baf
```
#905baf rgb(144,91,175)
```
#af5b7a
```
#af5b7a rgb(175,91,122)
```

Tetradic Color

#3e7f67
```
#3e7f67 rgb(62,127,103)
```
#469175
```
#469175 rgb(70,145,117)
```
#4fa283
```
#4fa283 rgb(79,162,131)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#6cb79c
```
#6cb79c rgb(108,183,156)
```
#7dc0a7
```
#7dc0a7 rgb(125,192,167)
```
#8ec8b3
```
#8ec8b3 rgb(142,200,179)
```

Monochromatic Color

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

#5baf7b
```
#5baf7b rgb(91,175,123)
```
#5baf82
```
#5baf82 rgb(91,175,130)
```
#5baf89
```
#5baf89 rgb(91,175,137)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#5baf97
```
#5baf97 rgb(91,175,151)
```
#5baf9e
```
#5baf9e rgb(91,175,158)
```
#5bafa5
```
#5bafa5 rgb(91,175,165)
```

Similar Colors

Text with hexadecimal color #5baf90

This text has a font color of #5baf90.

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

#5baf90 background color

This paragraph has a background color of #5baf90.

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

#5baf90 border color

This element has a border color of #5baf90.

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

CSS codes

.text {color:#5baf90;}

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

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

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

#040706
```
#040706 rgb(4,7,6)
```
#0a1511
```
#0a1511 rgb(10,21,17)
```
#10221b
```
#10221b rgb(16,34,27)
```
#172f26
```
#172f26 rgb(23,47,38)
```
#1d3c31
```
#1d3c31 rgb(29,60,49)
```
#24493b
```
#24493b rgb(36,73,59)
```
#2a5646
```
#2a5646 rgb(42,86,70)
```
#316451
```
#316451 rgb(49,100,81)
```
#37715c
```
#37715c rgb(55,113,92)
```
#3d7e66
```
#3d7e66 rgb(61,126,102)
```
#448b71
```
#448b71 rgb(68,139,113)
```
#4a987c
```
#4a987c rgb(74,152,124)
```
#51a686
```
#51a686 rgb(81,166,134)
```

Shade Color Variation

#5baf90
```
#5baf90 rgb(91,175,144)
```
#68b599
```
#68b599 rgb(104,181,153)
```
#75bca2
```
#75bca2 rgb(117,188,162)
```
#83c2ab
```
#83c2ab rgb(131,194,171)
```
#90c9b4
```
#90c9b4 rgb(144,201,180)
```
#9dcfbd
```
#9dcfbd rgb(157,207,189)
```
#aad6c6
```
#aad6c6 rgb(170,214,198)
```
#b7dcce
```
#b7dcce rgb(183,220,206)
```
#c4e2d7
```
#c4e2d7 rgb(196,226,215)
```
#d2e9e0
```
#d2e9e0 rgb(210,233,224)
```
#dfefe9
```
#dfefe9 rgb(223,239,233)
```
#ecf6f2
```
#ecf6f2 rgb(236,246,242)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#818986
```
#818986 rgb(129,137,134)
```
#779389
```
#779389 rgb(119,147,137)
```
#6e9c8b
```
#6e9c8b rgb(110,156,139)
```
#64a68e
```
#64a68e rgb(100,166,142)
```
#5baf90
```
#5baf90 rgb(91,175,144)
```
#52b892
```
#52b892 rgb(82,184,146)
```
#48c295
```
#48c295 rgb(72,194,149)
```
#3fcb97
```
#3fcb97 rgb(63,203,151)
```
#35d59a
```
#35d59a rgb(53,213,154)
```
#2cde9c
```
#2cde9c rgb(44,222,156)
```
#23e79f
```
#23e79f rgb(35,231,159)
```
#19f1a1
```
#19f1a1 rgb(25,241,161)
```
#10faa4
```
#10faa4 rgb(16,250,164)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#879892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aca48e Protanopia 1% of men
#b69f9c Deuteranopia 1% of men
#6fadba Tritanopia 0.001% of the population

Trichromacy

#8ea88f Protanomaly 1% of men, 0.01% of women
#95a498 Deuteranomaly 6% of men, 0.4% of women
#68aeab Tritanomaly 0.01% of the population

#5baf90 hex color

#5baf90 Color Information

#5baf90 Color Conversion

Color Schemes with #5baf90

Alternatives to #5baf90

#5baf90 Preview

Shades and Tints of #5baf90

Tones of #5baf90

Color Blindness Simulator