# #175f3a color: Spruce

#175f3a is rgb(23, 95, 58) in RGB and oklch(43.184% 0.09292 156.05) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #175f3a |
| RGB | rgb(23, 95, 58) |
| HSL | hsl(149.17, 61.02%, 23.14%) |
| HSB / HSV | hsv(149.17 75.79% 37.25%) |
| HWB | hwb(149.17 9.02% 62.75%) |
| CMYK | cmyk(76% 0% 39% 63%) |
| Lab | lab(35.3 -30 14.66) |
| LCH | lch(35.3 33.39 153.96) |
| OKLab | oklab(43.184% -0.08492 0.03772) |
| OKLCH | oklch(43.184% 0.09292 156.05) |
| Display P3 | color(display-p3 0.18055 0.36703 0.23998) |
| Rec. 2020 | color(rec2020 0.17271 0.30162 0.18131) |
| Adobe RGB | color(a98-rgb 0.22801 0.37318 0.24481) |
| ProPhoto RGB | color(prophoto-rgb 0.18564 0.28132 0.1898) |
| Linear sRGB | color(srgb-linear 0.00857 0.11444 0.04231) |
| XYZ D65 | color(xyz-d65 0.05209 0.08672 0.05402) |
| XYZ D50 | color(xyz-d50 0.05387 0.08651 0.04144) |
| SwiftUI | Color(red: 0.09, green: 0.373, blue: 0.227) |
| UIKit | UIColor(red: 0.09, green: 0.373, blue: 0.227, alpha: 1) |
| Flutter / Compose | Color(0xFF175F3A) |
| Android XML | #175F3A |

## 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.68:1
- Contrast with black: 2.73:1

## Tints

#175f3a, #336e4c, #4a7d5e, #608d71, #769d84, #8dac97, #a3bdab, #b9cdc0, #d0ddd4, #e8eeea

## Shades

#175f3a, #125231, #0e4428, #0a3820, #062c18, #042010, #021509, #010a04, #000301, #000000

## Tones

#175f3a, #215e3c, #295c3f, #305b41, #365a43, #3b5846, #405748, #44554a, #48534c, #4c524e

## Harmonies

- Complementary: #175f3a, #6f3b64
- Split: #175f3a, #5d4178, #7a3848
- Analogous: #175f3a, #435919, #006058
- Triadic: #175f3a, #434a83, #7b3b2a
- Tetradic: #175f3a, #005c71, #6f3b64, #7b3b2a
- Square: #175f3a, #1c5480, #6f3b64, #724406
- Monochromatic: #175f3a, #001d05, #003e1b, #3f825b, #63a77e

## Questions about #175f3a

### What color is #175f3a?

#175f3a is deep dark emerald. The closest named color is Spruce. In RGB it is rgb(23, 95, 58), in HSL hsl(149.17, 61.02%, 23.14%) and in OKLCH oklch(43.184% 0.09292 156.05).

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

The complementary color of #175f3a is #6f3b64. For a calmer combination use the analogous colors #435919 and #006058. The triadic partners are #434a83 and #7b3b2a.

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

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

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

#175f3a is a cool color. In OKLCH its hue is 156 degrees, its lightness 43.2% and its chroma 0.093.