# #5aa97a color: Shiny Shamrock

#5aa97a is rgb(90, 169, 122) in RGB and oklch(67.126% 0.10568 155.994) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5aa97a |
| RGB | rgb(90, 169, 122) |
| HSL | hsl(144.3, 31.47%, 50.78%) |
| HSB / HSV | hsv(144.3 46.75% 66.27%) |
| HWB | hwb(144.3 35.29% 33.73%) |
| CMYK | cmyk(47% 0% 28% 34%) |
| Lab | lab(63.26 -33.7 16.5) |
| LCH | lch(63.26 37.52 153.92) |
| OKLab | oklab(67.126% -0.09654 0.04299) |
| OKLCH | oklch(67.126% 0.10568 155.994) |
| Display P3 | color(display-p3 0.42955 0.65532 0.49306) |
| Rec. 2020 | color(rec2020 0.43737 0.60696 0.44639) |
| Adobe RGB | color(a98-rgb 0.46558 0.65682 0.48423) |
| ProPhoto RGB | color(prophoto-rgb 0.42293 0.56872 0.42775) |
| Linear sRGB | color(srgb-linear 0.10224 0.39676 0.19462) |
| XYZ D65 | color(xyz-d65 0.21916 0.31954 0.23426) |
| XYZ D50 | color(xyz-d50 0.22524 0.31897 0.17892) |
| SwiftUI | Color(red: 0.353, green: 0.663, blue: 0.478) |
| UIKit | UIColor(red: 0.353, green: 0.663, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA97A) |
| Android XML | #5AA97A |

## Facts

- Closest name: Shiny Shamrock
- Hue family: Emerald, soft emerald
- Closest Tailwind class: emerald-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.84:1
- Contrast with black: 7.39:1

## Tints

#5aa97a, #6cb287, #7dba94, #8ec3a1, #9ecbae, #aed4bb, #beddc8, #cfe5d6, #dfeee3, #eff6f1

## Shades

#5aa97a, #4d9269, #417c59, #356749, #29533a, #1e3f2b, #132c1d, #091b10, #030a05, #000101

## Tones

#5aa97a, #62a77d, #69a580, #70a483, #76a285, #7ca088, #819e8b, #879c8e, #8c9a90, #919893

## Harmonies

- Complementary: #5aa97a, #be7cae
- Split: #5aa97a, #a684c9, #cc798c
- Analogous: #5aa97a, #85a157, #30aa9f
- Triadic: #5aa97a, #8490d6, #ce7d67
- Tetradic: #5aa97a, #32a5bf, #be7cae, #ce7d67
- Square: #5aa97a, #5b9cd3, #be7cae, #c2884a
- Monochromatic: #5aa97a, #006136, #338457, #80cf9e, #a7f7c4

## Questions about #5aa97a

### What color is #5aa97a?

#5aa97a is soft emerald. The closest named color is Shiny Shamrock. In RGB it is rgb(90, 169, 122), in HSL hsl(144.3, 31.47%, 50.78%) and in OKLCH oklch(67.126% 0.10568 155.994).

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

The complementary color of #5aa97a is #be7cae. For a calmer combination use the analogous colors #85a157 and #30aa9f. The triadic partners are #8490d6 and #ce7d67.

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

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

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

#5aa97a is a cool color. In OKLCH its hue is 156 degrees, its lightness 67.1% and its chroma 0.106.