# #287c54 color: Canadian Pine

#287c54 is rgb(40, 124, 84) in RGB and oklch(52.504% 0.10259 158.759) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/287c54

## Formats

| Format | Value |
| --- | --- |
| HEX | #287c54 |
| RGB | rgb(40, 124, 84) |
| HSL | hsl(151.43, 51.22%, 32.16%) |
| HSB / HSV | hsv(151.43 67.74% 48.63%) |
| HWB | hwb(151.43 15.69% 51.37%) |
| CMYK | cmyk(68% 0% 32% 51%) |
| Lab | lab(46.26 -33.78 14.26) |
| LCH | lch(46.26 36.66 157.11) |
| OKLab | oklab(52.504% -0.09562 0.03717) |
| OKLCH | oklch(52.504% 0.10259 158.759) |
| Display P3 | color(display-p3 0.25582 0.47952 0.34182) |
| Rec. 2020 | color(rec2020 0.26039 0.41866 0.28631) |
| Adobe RGB | color(a98-rgb 0.30342 0.48273 0.3401) |
| ProPhoto RGB | color(prophoto-rgb 0.26282 0.38647 0.27949) |
| Linear sRGB | color(srgb-linear 0.02122 0.20156 0.08866) |
| XYZ D65 | color(xyz-d65 0.09682 0.15506 0.1087) |
| XYZ D50 | color(xyz-d50 0.09957 0.15459 0.08317) |
| SwiftUI | Color(red: 0.157, green: 0.486, blue: 0.329) |
| UIKit | UIColor(red: 0.157, green: 0.486, blue: 0.329, alpha: 1) |
| Flutter / Compose | Color(0xFF287C54) |
| Android XML | #287C54 |

## Facts

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

## Tints

#287c54, #428964, #589574, #6ea284, #82af95, #97bca6, #abc9b7, #c0d7c9, #d5e4db, #eaf1ed

## Shades

#287c54, #216b48, #1b5a3c, #154a31, #0f3b26, #092c1b, #041e11, #021108, #010502, #000100

## Tones

#287c54, #337a56, #3c7959, #44775b, #4a755d, #517460, #567262, #5c7064, #616e66, #666c68

## Harmonies

- Complementary: #287c54, #90517e
- Split: #287c54, #7b5997, #9c4f5e
- Analogous: #287c54, #587630, #007d76
- Triadic: #287c54, #5e63a5, #9c533c
- Tetradic: #287c54, #007892, #90517e, #9c533c
- Square: #287c54, #356ea3, #90517e, #905e1b
- Monochromatic: #287c54, #003718, #005934, #50a176, #76c79b

## Questions about #287c54

### What color is #287c54?

#287c54 is bright emerald. The closest named color is Canadian Pine. In RGB it is rgb(40, 124, 84), in HSL hsl(151.43, 51.22%, 32.16%) and in OKLCH oklch(52.504% 0.10259 158.759).

### What colors go well with #287c54?

The complementary color of #287c54 is #90517e. For a calmer combination use the analogous colors #587630 and #007d76. The triadic partners are #5e63a5 and #9c533c.

### Is white or black text more readable on #287c54?

White text reads better on #287c54: white gives a contrast ratio of 5.12:1 and black gives 4.1:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #287c54 a warm or cool color?

#287c54 is a cool color. In OKLCH its hue is 159 degrees, its lightness 52.5% and its chroma 0.103.