# #045e37 color: Spruce

#045e37 is rgb(4, 94, 55) in RGB and oklch(42.471% 0.09993 156.723) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/045e37

## Formats

| Format | Value |
| --- | --- |
| HEX | #045e37 |
| RGB | rgb(4, 94, 55) |
| HSL | hsl(154, 91.84%, 19.22%) |
| HSB / HSV | hsv(154 95.74% 36.86%) |
| HWB | hwb(154 1.57% 63.14%) |
| CMYK | cmyk(96% 0% 41% 63%) |
| Lab | lab(34.57 -32.62 15.39) |
| LCH | lch(34.57 36.07 154.75) |
| OKLab | oklab(42.471% -0.0918 0.03949) |
| OKLCH | oklch(42.471% 0.09993 156.723) |
| Display P3 | color(display-p3 0.15541 0.36278 0.22911) |
| Rec. 2020 | color(rec2020 0.15683 0.29674 0.17051) |
| Adobe RGB | color(a98-rgb 0.21129 0.36945 0.23462) |
| ProPhoto RGB | color(prophoto-rgb 0.17403 0.27665 0.18131) |
| Linear sRGB | color(srgb-linear 0.00121 0.11193 0.0382) |
| XYZ D65 | color(xyz-d65 0.04742 0.08307 0.04968) |
| XYZ D50 | color(xyz-d50 0.04911 0.08283 0.03817) |
| SwiftUI | Color(red: 0.016, green: 0.369, blue: 0.216) |
| UIKit | UIColor(red: 0.016, green: 0.369, blue: 0.216, alpha: 1) |
| Flutter / Compose | Color(0xFF045E37) |
| Android XML | #045E37 |

## Facts

- Closest name: Spruce
- Hue family: Emerald, deep dark emerald
- Closest Tailwind class: emerald-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.89:1
- Contrast with black: 2.66:1

## Tints

#045e37, #2b6d49, #447d5c, #5b8c6e, #729c82, #89ac96, #a0bcaa, #b8cdbf, #cfddd4, #e7eee9

## Shades

#045e37, #03512e, #024426, #01371e, #012b16, #001f0f, #001408, #000a03, #000301, #000000

## Tones

#045e37, #175d3a, #225b3c, #2a5a3f, #315841, #375743, #3c5545, #415448, #46524a, #4a504c

## Harmonies

- Complementary: #045e37, #703662
- Split: #045e37, #5d3e79, #7a3345
- Analogous: #045e37, #40580f, #005e57
- Triadic: #045e37, #414784, #7b3724
- Tetradic: #045e37, #005a70, #703662, #7b3724
- Square: #045e37, #135281, #703662, #724100
- Monochromatic: #045e37, #001b05, #003d18, #358158, #5ba67a

## Questions about #045e37

### What color is #045e37?

#045e37 is deep dark emerald. The closest named color is Spruce. In RGB it is rgb(4, 94, 55), in HSL hsl(154, 91.84%, 19.22%) and in OKLCH oklch(42.471% 0.09993 156.723).

### What colors go well with #045e37?

The complementary color of #045e37 is #703662. For a calmer combination use the analogous colors #40580f and #005e57. The triadic partners are #414784 and #7b3724.

### Is white or black text more readable on #045e37?

White text reads better on #045e37: white gives a contrast ratio of 7.89:1 and black gives 2.66:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #045e37 a warm or cool color?

#045e37 is a cool color. In OKLCH its hue is 157 degrees, its lightness 42.5% and its chroma 0.1.