# #5aa280 color: Green Spruce

#5aa280 is rgb(90, 162, 128) in RGB and oklch(65.528% 0.08957 162.057) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/5aa280

## Formats

| Format | Value |
| --- | --- |
| HEX | #5aa280 |
| RGB | rgb(90, 162, 128) |
| HSL | hsl(151.67, 28.57%, 49.41%) |
| HSB / HSV | hsv(151.67 44.44% 63.53%) |
| HWB | hwb(151.67 35.29% 36.47%) |
| CMYK | cmyk(44% 0% 21% 36%) |
| Lab | lab(61.21 -29.78 10.39) |
| LCH | lch(61.21 31.54 160.76) |
| OKLab | oklab(65.528% -0.08522 0.0276) |
| OKLCH | oklch(65.528% 0.08957 162.057) |
| Display P3 | color(display-p3 0.42123 0.6284 0.51109) |
| Rec. 2020 | color(rec2020 0.4244 0.57879 0.46454) |
| Adobe RGB | color(a98-rgb 0.45392 0.62945 0.50425) |
| ProPhoto RGB | color(prophoto-rgb 0.4132 0.54171 0.44311) |
| Linear sRGB | color(srgb-linear 0.10224 0.36131 0.21586) |
| XYZ D65 | color(xyz-d65 0.21032 0.29572 0.25022) |
| XYZ D50 | color(xyz-d50 0.21463 0.29485 0.19065) |
| SwiftUI | Color(red: 0.353, green: 0.635, blue: 0.502) |
| UIKit | UIColor(red: 0.353, green: 0.635, blue: 0.502, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA280) |
| Android XML | #5AA280 |

## Facts

- Closest name: Green Spruce
- Hue family: Emerald, soft emerald
- Closest Tailwind class: teal-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.04:1
- Contrast with black: 6.91:1

## Tints

#5aa280, #6cab8c, #7cb498, #8dbea5, #9dc7b1, #aed0be, #bed9cb, #cee3d7, #deece5, #eff6f2

## Shades

#5aa280, #4d8c6e, #41775d, #35634d, #294f3d, #1e3c2e, #132a1f, #091912, #030a06, #000101

## Tones

#5aa280, #61a082, #689f83, #6e9d85, #739b87, #799a88, #7e988a, #83968c, #88948d, #8c928f

## Harmonies

- Complementary: #5aa280, #b77ba0
- Split: #5aa280, #a381b9, #c17a82
- Analogous: #5aa280, #7c9d62, #42a29f
- Triadic: #5aa280, #888ac6, #c07e65
- Tetradic: #5aa280, #4a9db8, #b77ba0, #c07e65
- Square: #5aa280, #6894c6, #b77ba0, #b38850
- Monochromatic: #5aa280, #035a3c, #347d5d, #7fc8a5, #a6f0cb

## Questions about #5aa280

### What color is #5aa280?

#5aa280 is soft emerald. The closest named color is Green Spruce. In RGB it is rgb(90, 162, 128), in HSL hsl(151.67, 28.57%, 49.41%) and in OKLCH oklch(65.528% 0.08957 162.057).

### What colors go well with #5aa280?

The complementary color of #5aa280 is #b77ba0. For a calmer combination use the analogous colors #7c9d62 and #42a29f. The triadic partners are #888ac6 and #c07e65.

### Is white or black text more readable on #5aa280?

Black text reads better on #5aa280: white gives a contrast ratio of 3.04:1 and black gives 6.91:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #5aa280 a warm or cool color?

#5aa280 is a cool color. In OKLCH its hue is 162 degrees, its lightness 65.5% and its chroma 0.09.