# #287c50 color: Canadian Pine

#287c50 is rgb(40, 124, 80) in RGB and oklch(52.41% 0.10648 156.483) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #287c50 |
| RGB | rgb(40, 124, 80) |
| HSL | hsl(148.57, 51.22%, 32.16%) |
| HSB / HSV | hsv(148.57 67.74% 48.63%) |
| HWB | hwb(148.57 15.69% 51.37%) |
| CMYK | cmyk(68% 0% 35% 51%) |
| Lab | lab(46.19 -34.43 16.44) |
| LCH | lch(46.19 38.16 154.47) |
| OKLab | oklab(52.41% -0.09764 0.04249) |
| OKLCH | oklch(52.41% 0.10648 156.483) |
| Display P3 | color(display-p3 0.25582 0.47952 0.32822) |
| Rec. 2020 | color(rec2020 0.25968 0.41854 0.27256) |
| Adobe RGB | color(a98-rgb 0.30342 0.48273 0.32636) |
| ProPhoto RGB | color(prophoto-rgb 0.2609 0.38619 0.26806) |
| Linear sRGB | color(srgb-linear 0.02122 0.20156 0.08022) |
| XYZ D65 | color(xyz-d65 0.0953 0.15445 0.10069) |
| XYZ D50 | color(xyz-d50 0.09836 0.15408 0.07715) |
| SwiftUI | Color(red: 0.157, green: 0.486, blue: 0.314) |
| UIKit | UIColor(red: 0.157, green: 0.486, blue: 0.314, alpha: 1) |
| Flutter / Compose | Color(0xFF287C50) |
| Android XML | #287C50 |

## 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.14:1
- Contrast with black: 4.09:1

## Tints

#287c50, #428960, #589571, #6ea282, #82af93, #97bca4, #abcab6, #c0d7c8, #d5e4da, #eaf1ec

## Shades

#287c50, #216b44, #1b5a39, #154a2e, #0f3b24, #092c1a, #041e10, #021107, #010502, #000100

## Tones

#287c50, #337a53, #3c7956, #437758, #4a755b, #50745e, #567260, #5c7063, #616e65, #656c68

## Harmonies

- Complementary: #287c50, #905081
- Split: #287c50, #7a589a, #9c4d60
- Analogous: #287c50, #5a752a, #007d74
- Triadic: #287c50, #5a63a7, #9d513c
- Tetradic: #287c50, #007891, #905081, #9d513c
- Square: #287c50, #2e6fa4, #905081, #935c17
- Monochromatic: #287c50, #003714, #005930, #50a172, #76c796

## Questions about #287c50

### What color is #287c50?

#287c50 is bright emerald. The closest named color is Canadian Pine. In RGB it is rgb(40, 124, 80), in HSL hsl(148.57, 51.22%, 32.16%) and in OKLCH oklch(52.41% 0.10648 156.483).

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

The complementary color of #287c50 is #905081. For a calmer combination use the analogous colors #5a752a and #007d74. The triadic partners are #5a63a7 and #9d513c.

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

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

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

#287c50 is a cool color. In OKLCH its hue is 156 degrees, its lightness 52.4% and its chroma 0.106.