# #286f49 color: Precious Emerald

#286f49 is rgb(40, 111, 73) in RGB and oklch(48.631% 0.09405 156.627) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/286f49

## Formats

| Format | Value |
| --- | --- |
| HEX | #286f49 |
| RGB | rgb(40, 111, 73) |
| HSL | hsl(147.89, 47.02%, 29.61%) |
| HSB / HSV | hsv(147.89 63.96% 43.53%) |
| HWB | hwb(147.89 15.69% 56.47%) |
| CMYK | cmyk(64% 0% 34% 56%) |
| Lab | lab(41.64 -30.39 14.4) |
| LCH | lch(41.64 33.63 154.64) |
| OKLab | oklab(48.631% -0.08633 0.03731) |
| OKLCH | oklch(48.631% 0.09405 156.627) |
| Display P3 | color(display-p3 0.23659 0.42937 0.29857) |
| Rec. 2020 | color(rec2020 0.22978 0.36656 0.24134) |
| Adobe RGB | color(a98-rgb 0.2792 0.43333 0.29927) |
| ProPhoto RGB | color(prophoto-rgb 0.23376 0.33917 0.24017) |
| Linear sRGB | color(srgb-linear 0.02122 0.15896 0.06663) |
| XYZ D65 | color(xyz-d65 0.07762 0.12301 0.08269) |
| XYZ D50 | color(xyz-d50 0.08001 0.12272 0.06331) |
| SwiftUI | Color(red: 0.157, green: 0.435, blue: 0.286) |
| UIKit | UIColor(red: 0.157, green: 0.435, blue: 0.286, alpha: 1) |
| Flutter / Compose | Color(0xFF286F49) |
| Android XML | #286F49 |

## Facts

- Closest name: Precious Emerald
- Hue family: Emerald, deep dark emerald
- Closest Tailwind class: emerald-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.07:1
- Contrast with black: 3.46:1

## Tints

#286f49, #407d5a, #568b6b, #6b997c, #80a78e, #94b5a0, #a9c4b2, #bed2c5, #d4e1d8, #e9f0eb

## Shades

#286f49, #21603e, #1b5134, #15422a, #0f3420, #092717, #041a0e, #020e06, #010402, #000100

## Tones

#286f49, #316e4b, #386c4e, #3e6b50, #446952, #496855, #4e6657, #536459, #57635b, #5b615d

## Harmonies

- Complementary: #286f49, #804973
- Split: #286f49, #6d5089, #8b4756
- Analogous: #286f49, #516929, #007068
- Triadic: #286f49, #525a94, #8c4a38
- Tetradic: #286f49, #006c82, #804973, #8c4a38
- Square: #286f49, #2d6391, #804973, #83531b
- Monochromatic: #286f49, #002c0e, #004d29, #4e936b, #73b98e

## Questions about #286f49

### What color is #286f49?

#286f49 is deep dark emerald. The closest named color is Precious Emerald. In RGB it is rgb(40, 111, 73), in HSL hsl(147.89, 47.02%, 29.61%) and in OKLCH oklch(48.631% 0.09405 156.627).

### What colors go well with #286f49?

The complementary color of #286f49 is #804973. For a calmer combination use the analogous colors #516929 and #007068. The triadic partners are #525a94 and #8c4a38.

### Is white or black text more readable on #286f49?

White text reads better on #286f49: white gives a contrast ratio of 6.07:1 and black gives 3.46:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #286f49 a warm or cool color?

#286f49 is a cool color. In OKLCH its hue is 157 degrees, its lightness 48.6% and its chroma 0.094.