# #175f3d color: Spruce

#175f3d is rgb(23, 95, 61) in RGB and oklch(43.255% 0.08985 158.044) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/175f3d

## Formats

| Format | Value |
| --- | --- |
| HEX | #175f3d |
| RGB | rgb(23, 95, 61) |
| HSL | hsl(151.67, 61.02%, 23.14%) |
| HSB / HSV | hsv(151.67 75.79% 37.25%) |
| HWB | hwb(151.67 9.02% 62.75%) |
| CMYK | cmyk(76% 0% 36% 63%) |
| Lab | lab(35.36 -29.49 12.95) |
| LCH | lch(35.36 32.21 156.29) |
| OKLab | oklab(43.255% -0.08333 0.03359) |
| OKLCH | oklch(43.255% 0.08985 158.044) |
| Display P3 | color(display-p3 0.18055 0.36703 0.25011) |
| Rec. 2020 | color(rec2020 0.17322 0.30171 0.19133) |
| Adobe RGB | color(a98-rgb 0.22801 0.37318 0.25483) |
| ProPhoto RGB | color(prophoto-rgb 0.18695 0.28151 0.19759) |
| Linear sRGB | color(srgb-linear 0.00857 0.11444 0.04667) |
| XYZ D65 | color(xyz-d65 0.05288 0.08703 0.05816) |
| XYZ D50 | color(xyz-d50 0.05449 0.08677 0.04455) |
| SwiftUI | Color(red: 0.09, green: 0.373, blue: 0.239) |
| UIKit | UIColor(red: 0.09, green: 0.373, blue: 0.239, alpha: 1) |
| Flutter / Compose | Color(0xFF175F3D) |
| Android XML | #175F3D |

## 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.66:1
- Contrast with black: 2.74:1

## Tints

#175f3d, #336e4e, #4a7d60, #608d73, #779d86, #8dac99, #a3bdad, #b9cdc1, #d0ddd5, #e8eeea

## Shades

#175f3d, #125234, #0e442b, #0a3822, #062c1a, #042012, #02150a, #010a04, #000301, #000000

## Tones

#175f3d, #215e3f, #295c41, #305b43, #365a45, #3b5847, #405749, #44554b, #49544d, #4d524f

## Harmonies

- Complementary: #175f3d, #703b61
- Split: #175f3d, #5e4276, #793947
- Analogous: #175f3d, #42591e, #00605a
- Triadic: #175f3d, #454a81, #793d2a
- Tetradic: #175f3d, #005b71, #703b61, #793d2a
- Square: #175f3d, #22547f, #703b61, #70460a
- Monochromatic: #175f3d, #001d07, #003e1e, #3f825e, #64a781

## Questions about #175f3d

### What color is #175f3d?

#175f3d is deep dark emerald. The closest named color is Spruce. In RGB it is rgb(23, 95, 61), in HSL hsl(151.67, 61.02%, 23.14%) and in OKLCH oklch(43.255% 0.08985 158.044).

### What colors go well with #175f3d?

The complementary color of #175f3d is #703b61. For a calmer combination use the analogous colors #42591e and #00605a. The triadic partners are #454a81 and #793d2a.

### Is white or black text more readable on #175f3d?

White text reads better on #175f3d: white gives a contrast ratio of 7.66:1 and black gives 2.74:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #175f3d a warm or cool color?

#175f3d is a cool color. In OKLCH its hue is 158 degrees, its lightness 43.3% and its chroma 0.09.