#5aa384 hex color

In a RGB color space, hex #5aa384 is composed of 35.3% red, 63.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 44.8% cyan, 0% magenta, 19% yellow and 36.1% black. It has a hue angle of 154.5 degrees, a saturation of 28.9% and a lightness of 49.6%. #5aa384 color hex could be obtained by blending #b4ffff with #004709. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 64
- B 52
RGB color chart
- C 45
- M 0
- Y 19
- K 36
CMYK color chart

● #5aa384 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5aa384 has RGB values of R:90, G:163, B:132 and CMYK values of C:0.45, M:0, Y:0.19, K:0.36. Its decimal value is 5940100.

Hex triplet	5aa384	`#5aa384`
RGB Decimal	90, 163, 132	`rgb(90,163,132)`
RGB Percent	35.3, 63.9, 51.8	`rgb(35.3%,63.9%,51.8%)`
CMYK	45, 0, 19, 36
HSL	154.5°, 28.9, 49.6	`hsl(154.5,28.9%,49.6%)`
HSV (or HSB)	154.5°, 44.8, 63.9
Web Safe	669999	`#669999`

CIE-LAB	61.682, -30.294, 9.075
XYZ	21.477, 30.033, 26.494
xyY	0.275, 0.385, 30.033
CIE-LCH	61.682, 31.625, 163.324
CIE-LUV	61.682, -33.721, 17.494
Hunter-Lab	54.802, -25.949, 9.698
Binary	01011010, 10100011, 10000100

#5aa384
```
#5aa384 rgb(90,163,132)
```
#a35a79
```
#a35a79 rgb(163,90,121)
```

Complementary Color

#5aa360
```
#5aa360 rgb(90,163,96)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```
#5a9ea3
```
#5a9ea3 rgb(90,158,163)
```

Analogous Color

#a3605a
```
#a3605a rgb(163,96,90)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```
#a35a9e
```
#a35a9e rgb(163,90,158)
```

Split Complementary Color

#a3845a
```
#a3845a rgb(163,132,90)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```
#845aa3
```
#845aa3 rgb(132,90,163)
```

Triadic Color

#79a35a
```
#79a35a rgb(121,163,90)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```
#845aa3
```
#845aa3 rgb(132,90,163)
```
#a35a79
```
#a35a79 rgb(163,90,121)
```

Tetradic Color

#3f725c
```
#3f725c rgb(63,114,92)
```
#488269
```
#488269 rgb(72,130,105)
```
#519377
```
#519377 rgb(81,147,119)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```
#6aad90
```
#6aad90 rgb(106,173,144)
```
#7ab69c
```
#7ab69c rgb(122,182,156)
```
#8bbfa9
```
#8bbfa9 rgb(139,191,169)
```

Monochromatic Color

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

#5aa372
```
#5aa372 rgb(90,163,114)
```
#5aa378
```
#5aa378 rgb(90,163,120)
```
#5aa37e
```
#5aa37e rgb(90,163,126)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```
#5aa38a
```
#5aa38a rgb(90,163,138)
```
#5aa390
```
#5aa390 rgb(90,163,144)
```
#5aa396
```
#5aa396 rgb(90,163,150)
```

Similar Colors

Text with hexadecimal color #5aa384

This text has a font color of #5aa384.

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

#5aa384 background color

This paragraph has a background color of #5aa384.

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

#5aa384 border color

This element has a border color of #5aa384.

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

CSS codes

.text {color:#5aa384;}

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

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

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, #060b09 is the darkest color, while #fefefe is the lightest one.

#060b09
```
#060b09 rgb(6,11,9)
```
#0d1813
```
#0d1813 rgb(13,24,19)
```
#14251e
```
#14251e rgb(20,37,30)
```
#1b3128
```
#1b3128 rgb(27,49,40)
```
#223e32
```
#223e32 rgb(34,62,50)
```
#294b3c
```
#294b3c rgb(41,75,60)
```
#305747
```
#305747 rgb(48,87,71)
```
#376451
```
#376451 rgb(55,100,81)
```
#3e705b
```
#3e705b rgb(62,112,91)
```
#457d65
```
#457d65 rgb(69,125,101)
```
#4c8a70
```
#4c8a70 rgb(76,138,112)
```
#53967a
```
#53967a rgb(83,150,122)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```

Shade Color Variation

#66ab8d
```
#66ab8d rgb(102,171,141)
```
#73b297
```
#73b297 rgb(115,178,151)
```
#7fb9a0
```
#7fb9a0 rgb(127,185,160)
```
#8cbfaa
```
#8cbfaa rgb(140,191,170)
```
#99c6b3
```
#99c6b3 rgb(153,198,179)
```
#a5cdbc
```
#a5cdbc rgb(165,205,188)
```
#b2d4c6
```
#b2d4c6 rgb(178,212,198)
```
#bfdbcf
```
#bfdbcf rgb(191,219,207)
```
#cbe2d9
```
#cbe2d9 rgb(203,226,217)
```
#d8e9e2
```
#d8e9e2 rgb(216,233,226)
```
#e4f0eb
```
#e4f0eb rgb(228,240,235)
```
#f1f7f5
```
#f1f7f5 rgb(241,247,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#778680
```
#778680 rgb(119,134,128)
```
#6d9081
```
#6d9081 rgb(109,144,129)
```
#649983
```
#649983 rgb(100,153,131)
```
#5aa384
```
#5aa384 rgb(90,163,132)
```
#50ad85
```
#50ad85 rgb(80,173,133)
```
#47b687
```
#47b687 rgb(71,182,135)
```
#3dc088
```
#3dc088 rgb(61,192,136)
```
#33ca8a
```
#33ca8a rgb(51,202,138)
```
#29d48b
```
#29d48b rgb(41,212,139)
```
#20dd8d
```
#20dd8d rgb(32,221,141)
```
#16e78e
```
#16e78e rgb(22,231,142)
```
#0cf190
```
#0cf190 rgb(12,241,144)
```
#02fb91
```
#02fb91 rgb(2,251,145)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#808f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29a83 Protanopia 1% of men
#ac9590 Deuteranopia 1% of men
#6da2ae Tritanopia 0.001% of the population

Trichromacy

#889d83 Protanomaly 1% of men, 0.01% of women
#8e9a8c Deuteranomaly 6% of men, 0.4% of women
#66a29f Tritanomaly 0.01% of the population

#5aa384 hex color

#5aa384 Color Information

#5aa384 Color Conversion

Color Schemes with #5aa384

Alternatives to #5aa384

#5aa384 Preview

Shades and Tints of #5aa384

Tones of #5aa384

Color Blindness Simulator