# #5aa680 color: Laurel Wreath

#5aa680 is rgb(90, 166, 128) in RGB and oklch(66.523% 0.09561 160.464) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5aa680 |
| RGB | rgb(90, 166, 128) |
| HSL | hsl(150, 29.92%, 50.2%) |
| HSB / HSV | hsv(150 45.78% 65.1%) |
| HWB | hwb(150 35.29% 34.9%) |
| CMYK | cmyk(46% 0% 23% 35%) |
| Lab | lab(62.44 -31.51 12.1) |
| LCH | lch(62.44 33.75 158.99) |
| OKLab | oklab(66.523% -0.0901 0.03197) |
| OKLCH | oklch(66.523% 0.09561 160.464) |
| Display P3 | color(display-p3 0.42595 0.64378 0.51261) |
| Rec. 2020 | color(rec2020 0.43239 0.59499 0.46651) |
| Adobe RGB | color(a98-rgb 0.46055 0.64508 0.5051) |
| ProPhoto RGB | color(prophoto-rgb 0.42059 0.55739 0.44561) |
| Linear sRGB | color(srgb-linear 0.10224 0.38133 0.21586) |
| XYZ D65 | color(xyz-d65 0.21748 0.31004 0.25261) |
| XYZ D50 | color(xyz-d50 0.22234 0.3092 0.19259) |
| SwiftUI | Color(red: 0.353, green: 0.651, blue: 0.502) |
| UIKit | UIColor(red: 0.353, green: 0.651, blue: 0.502, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA680) |
| Android XML | #5AA680 |

## Facts

- Closest name: Laurel Wreath
- Hue family: Emerald, soft emerald
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.92:1
- Contrast with black: 7.2:1

## Tints

#5aa680, #6caf8c, #7db898, #8dc1a5, #9ec9b1, #aed2be, #bedbcb, #cee4d8, #dfede5, #eff6f2

## Shades

#5aa680, #4d906e, #417a5d, #35654d, #29513d, #1e3e2e, #132b1f, #091a12, #030a06, #000101

## Tones

#5aa680, #62a482, #68a384, #6fa186, #759f88, #7b9d8a, #809b8c, #859a8e, #8a9890, #8f9692

## Harmonies

- Complementary: #5aa680, #bc7ca6
- Split: #5aa680, #a683c0, #c77b86
- Analogous: #5aa680, #80a060, #3da6a1
- Triadic: #5aa680, #898dce, #c67f66
- Tetradic: #5aa680, #44a1bd, #bc7ca6, #c67f66
- Square: #5aa680, #6698cd, #bc7ca6, #b9894f
- Monochromatic: #5aa680, #005e3c, #34815d, #80cca5, #a6f4cb

## Questions about #5aa680

### What color is #5aa680?

#5aa680 is soft emerald. The closest named color is Laurel Wreath. In RGB it is rgb(90, 166, 128), in HSL hsl(150, 29.92%, 50.2%) and in OKLCH oklch(66.523% 0.09561 160.464).

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

The complementary color of #5aa680 is #bc7ca6. For a calmer combination use the analogous colors #80a060 and #3da6a1. The triadic partners are #898dce and #c67f66.

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

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

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

#5aa680 is a cool color. In OKLCH its hue is 160 degrees, its lightness 66.5% and its chroma 0.096.