#5a9277 hex color

In a RGB color space, hex #5a9277 is composed of 35.3% red, 57.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 0% magenta, 18.5% yellow and 42.7% black. It has a hue angle of 151.1 degrees, a saturation of 23.7% and a lightness of 46.3%. #5a9277 color hex could be obtained by blending #b4ffee with #002500. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 57
- B 47
RGB color chart
- C 38
- M 0
- Y 18
- K 43
CMYK color chart

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

The hexadecimal color #5a9277 has RGB values of R:90, G:146, B:119 and CMYK values of C:0.38, M:0, Y:0.18, K:0.43. Its decimal value is 5935735.

Hex triplet	5a9277	`#5a9277`
RGB Decimal	90, 146, 119	`rgb(90,146,119)`
RGB Percent	35.3, 57.3, 46.7	`rgb(35.3%,57.3%,46.7%)`
CMYK	38, 0, 18, 43
HSL	151.1°, 23.7, 46.3	`hsl(151.1,23.7%,46.3%)`
HSV (or HSB)	151.1°, 38.4, 57.3
Web Safe	669966	`#669966`

CIE-LAB	56.15, -24.799, 8.556
XYZ	17.824, 24.062, 21.157
xyY	0.283, 0.382, 24.062
CIE-LCH	56.15, 26.234, 160.965
CIE-LUV	56.15, -26.731, 15.596
Hunter-Lab	49.053, -20.984, 8.765
Binary	01011010, 10010010, 01110111

#5a9277
```
#5a9277 rgb(90,146,119)
```
#925a75
```
#925a75 rgb(146,90,117)
```

Complementary Color

#5a925b
```
#5a925b rgb(90,146,91)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```
#5a9192
```
#5a9192 rgb(90,145,146)
```

Analogous Color

#925b5a
```
#925b5a rgb(146,91,90)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```
#925a91
```
#925a91 rgb(146,90,145)
```

Split Complementary Color

#92775a
```
#92775a rgb(146,119,90)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```
#775a92
```
#775a92 rgb(119,90,146)
```

Triadic Color

#75925a
```
#75925a rgb(117,146,90)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```
#775a92
```
#775a92 rgb(119,90,146)
```
#925a75
```
#925a75 rgb(146,90,117)
```

Tetradic Color

#3d6350
```
#3d6350 rgb(61,99,80)
```
#47725d
```
#47725d rgb(71,114,93)
```
#50826a
```
#50826a rgb(80,130,106)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```
#65a084
```
#65a084 rgb(101,160,132)
```
#75aa90
```
#75aa90 rgb(117,170,144)
```
#85b49d
```
#85b49d rgb(133,180,157)
```

Monochromatic Color

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

#5a9269
```
#5a9269 rgb(90,146,105)
```
#5a926e
```
#5a926e rgb(90,146,110)
```
#5a9272
```
#5a9272 rgb(90,146,114)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```
#5a927c
```
#5a927c rgb(90,146,124)
```
#5a9280
```
#5a9280 rgb(90,146,128)
```
#5a9285
```
#5a9285 rgb(90,146,133)
```

Similar Colors

Text with hexadecimal color #5a9277

This text has a font color of #5a9277.

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

#5a9277 background color

This paragraph has a background color of #5a9277.

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

#5a9277 border color

This element has a border color of #5a9277.

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

CSS codes

.text {color:#5a9277;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#080d0a
```
#080d0a rgb(8,13,10)
```
#0f1914
```
#0f1914 rgb(15,25,20)
```
#17251e
```
#17251e rgb(23,37,30)
```
#1e3128
```
#1e3128 rgb(30,49,40)
```
#263d32
```
#263d32 rgb(38,61,50)
```
#2d493c
```
#2d493c rgb(45,73,60)
```
#355546
```
#355546 rgb(53,85,70)
```
#3c614f
```
#3c614f rgb(60,97,79)
```
#446e59
```
#446e59 rgb(68,110,89)
```
#4b7a63
```
#4b7a63 rgb(75,122,99)
```
#53866d
```
#53866d rgb(83,134,109)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```

Shade Color Variation

#629e81
```
#629e81 rgb(98,158,129)
```
#6ea58b
```
#6ea58b rgb(110,165,139)
```
#7aad94
```
#7aad94 rgb(122,173,148)
```
#86b49e
```
#86b49e rgb(134,180,158)
```
#92bca8
```
#92bca8 rgb(146,188,168)
```
#9ec3b2
```
#9ec3b2 rgb(158,195,178)
```
#aacbbb
```
#aacbbb rgb(170,203,187)
```
#b7d2c5
```
#b7d2c5 rgb(183,210,197)
```
#c3dacf
```
#c3dacf rgb(195,218,207)
```
#cfe1d8
```
#cfe1d8 rgb(207,225,216)
```
#dbe9e2
```
#dbe9e2 rgb(219,233,226)
```
#e7f0ec
```
#e7f0ec rgb(231,240,236)
```
#f3f8f6
```
#f3f8f6 rgb(243,248,246)
```

Tint Color Variation

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

#757776
```
#757776 rgb(117,119,118)
```
#6c8076
```
#6c8076 rgb(108,128,118)
```
#638977
```
#638977 rgb(99,137,119)
```
#5a9277
```
#5a9277 rgb(90,146,119)
```
#519b77
```
#519b77 rgb(81,155,119)
```
#48a478
```
#48a478 rgb(72,164,120)
```
#3fad78
```
#3fad78 rgb(63,173,120)
```
#36b678
```
#36b678 rgb(54,182,120)
```
#2dbf79
```
#2dbf79 rgb(45,191,121)
```
#24c879
```
#24c879 rgb(36,200,121)
```
#1ad279
```
#1ad279 rgb(26,210,121)
```
#11db7a
```
#11db7a rgb(17,219,122)
```
#08e47a
```
#08e47a rgb(8,228,122)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#77827d Atypical Achromatopsia 0.001% of the population

Dichromacy

#938c78 Protanopia 1% of men
#9d8883 Deuteranopia 1% of men
#6b939d Tritanopia 0.001% of the population

Trichromacy

#7e8e78 Protanomaly 1% of men, 0.01% of women
#848b7e Deuteranomaly 6% of men, 0.4% of women
#65928f Tritanomaly 0.01% of the population

#5a9277 hex color

#5a9277 Color Information

#5a9277 Color Conversion

Color Schemes with #5a9277

Alternatives to #5a9277

#5a9277 Preview

Shades and Tints of #5a9277

Tones of #5a9277

Color Blindness Simulator