# #5fa17a color: Green Spruce

#5fa17a is rgb(95, 161, 122) in RGB and oklch(65.372% 0.08999 156.856) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #5fa17a |
| RGB | rgb(95, 161, 122) |
| HSL | hsl(144.55, 25.98%, 50.2%) |
| HSB / HSV | hsv(144.55 40.99% 63.14%) |
| HWB | hwb(144.55 37.25% 36.86%) |
| CMYK | cmyk(41% 0% 24% 37%) |
| Lab | lab(61.02 -28.81 13.49) |
| LCH | lch(61.02 31.81 154.91) |
| OKLab | oklab(65.372% -0.08274 0.03537) |
| OKLCH | oklch(65.372% 0.08999 156.856) |
| Display P3 | color(display-p3 0.43327 0.62488 0.49007) |
| Rec. 2020 | color(rec2020 0.43061 0.57529 0.44247) |
| Adobe RGB | color(a98-rgb 0.46241 0.62555 0.48243) |
| ProPhoto RGB | color(prophoto-rgb 0.41528 0.53836 0.42275) |
| Linear sRGB | color(srgb-linear 0.11444 0.3564 0.19462) |
| XYZ D65 | color(xyz-d65 0.20976 0.29327 0.22968) |
| XYZ D50 | color(xyz-d50 0.21502 0.29276 0.17517) |
| SwiftUI | Color(red: 0.373, green: 0.631, blue: 0.478) |
| UIKit | UIColor(red: 0.373, green: 0.631, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFF5FA17A) |
| Android XML | #5FA17A |

## 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.06:1
- Contrast with black: 6.87:1

## Tints

#5fa17a, #70aa87, #80b493, #90bda0, #a0c6ad, #afd0bb, #bfd9c8, #cfe2d6, #dfece3, #eff5f1

## Shades

#5fa17a, #528b69, #447659, #386249, #2c4e3a, #203c2b, #152a1d, #0a1910, #030905, #000101

## Tones

#5fa17a, #659f7c, #6b9e7f, #709c81, #759b83, #7a9985, #7f9788, #83968a, #88948c, #8c928e

## Harmonies

- Complementary: #5fa17a, #b47ba5
- Split: #5fa17a, #9f82bc, #c07987
- Analogous: #5fa17a, #829b5d, #43a299
- Triadic: #5fa17a, #828bc7, #c07c69
- Tetradic: #5fa17a, #459eb4, #b47ba5, #c07c69
- Square: #5fa17a, #6195c4, #b47ba5, #b58552
- Monochromatic: #5fa17a, #125a37, #3a7c57, #84c79e, #aaeec4

## Questions about #5fa17a

### What color is #5fa17a?

#5fa17a is soft emerald. The closest named color is Green Spruce. In RGB it is rgb(95, 161, 122), in HSL hsl(144.55, 25.98%, 50.2%) and in OKLCH oklch(65.372% 0.08999 156.856).

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

The complementary color of #5fa17a is #b47ba5. For a calmer combination use the analogous colors #829b5d and #43a299. The triadic partners are #828bc7 and #c07c69.

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

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

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

#5fa17a is a cool color. In OKLCH its hue is 157 degrees, its lightness 65.4% and its chroma 0.09.