# #397a4c color: Canadian Pine

#397a4c is rgb(57, 122, 76) in RGB and oklch(52.395% 0.09869 151.17) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/397a4c

## Formats

| Format | Value |
| --- | --- |
| HEX | #397a4c |
| RGB | rgb(57, 122, 76) |
| HSL | hsl(137.54, 36.31%, 35.1%) |
| HSB / HSV | hsv(137.54 53.28% 47.84%) |
| HWB | hwb(137.54 22.35% 52.16%) |
| CMYK | cmyk(53% 0% 38% 52%) |
| Lab | lab(46.04 -30.08 18.64) |
| LCH | lch(46.04 35.39 148.21) |
| OKLab | oklab(52.395% -0.08646 0.04759) |
| OKLCH | oklch(52.395% 0.09869 151.17) |
| Display P3 | color(display-p3 0.28962 0.47256 0.31444) |
| Rec. 2020 | color(rec2020 0.27801 0.41215 0.25845) |
| Adobe RGB | color(a98-rgb 0.32546 0.4751 0.31222) |
| ProPhoto RGB | color(prophoto-rgb 0.27212 0.38099 0.25612) |
| Linear sRGB | color(srgb-linear 0.04092 0.19462 0.07227) |
| XYZ D65 | color(xyz-d65 0.09951 0.1531 0.09269) |
| XYZ D50 | color(xyz-d50 0.10314 0.153 0.07107) |
| SwiftUI | Color(red: 0.224, green: 0.478, blue: 0.298) |
| UIKit | UIColor(red: 0.224, green: 0.478, blue: 0.298, alpha: 1) |
| Flutter / Compose | Color(0xFF397A4C) |
| Android XML | #397A4C |

## Facts

- Closest name: Canadian Pine
- Hue family: Green, bright green
- Closest Tailwind class: emerald-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 5.17:1
- Contrast with black: 4.06:1

## Tints

#397a4c, #4e875d, #61946e, #75a17f, #88ae90, #9cbba2, #afc9b4, #c3d6c6, #d7e4d9, #ebf1ec

## Shades

#397a4c, #306941, #285936, #1f492c, #173a22, #102b18, #091d0f, #041006, #010502, #000100

## Tones

#397a4c, #40794f, #467752, #4b7656, #507459, #55725c, #5a715f, #5e6f61, #626d64, #666c67

## Harmonies

- Complementary: #397a4c, #8a5484
- Split: #397a4c, #745c9a, #985066
- Analogous: #397a4c, #62722b, #007c6d
- Triadic: #397a4c, #5566a3, #9b5346
- Tetradic: #397a4c, #00798a, #8a5484, #9b5346
- Square: #397a4c, #2b709d, #8a5484, #935b27
- Monochromatic: #397a4c, #00360c, #11572b, #5d9f6e, #82c592

## Questions about #397a4c

### What color is #397a4c?

#397a4c is bright green. The closest named color is Canadian Pine. In RGB it is rgb(57, 122, 76), in HSL hsl(137.54, 36.31%, 35.1%) and in OKLCH oklch(52.395% 0.09869 151.17).

### What colors go well with #397a4c?

The complementary color of #397a4c is #8a5484. For a calmer combination use the analogous colors #62722b and #007c6d. The triadic partners are #5566a3 and #9b5346.

### Is white or black text more readable on #397a4c?

White text reads better on #397a4c: white gives a contrast ratio of 5.17:1 and black gives 4.06:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #397a4c a warm or cool color?

#397a4c is a cool color. In OKLCH its hue is 151 degrees, its lightness 52.4% and its chroma 0.099.