# #286d51 color: Sparkling Emerald

#286d51 is rgb(40, 109, 81) in RGB and oklch(48.279% 0.08333 163.374) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #286d51 |
| RGB | rgb(40, 109, 81) |
| HSL | hsl(155.65, 46.31%, 29.22%) |
| HSB / HSV | hsv(155.65 63.3% 42.75%) |
| HWB | hwb(155.65 15.69% 57.25%) |
| CMYK | cmyk(63% 0% 26% 57%) |
| Lab | lab(41.11 -28.17 8.98) |
| LCH | lch(41.11 29.56 162.31) |
| OKLab | oklab(48.279% -0.07985 0.02384) |
| OKLCH | oklch(48.279% 0.08333 163.374) |
| Display P3 | color(display-p3 0.23372 0.42166 0.32522) |
| Rec. 2020 | color(rec2020 0.22694 0.3589 0.268) |
| Adobe RGB | color(a98-rgb 0.27556 0.42577 0.32632) |
| ProPhoto RGB | color(prophoto-rgb 0.23413 0.33275 0.26173) |
| Linear sRGB | color(srgb-linear 0.02122 0.15293 0.08228) |
| XYZ D65 | color(xyz-d65 0.07828 0.11982 0.09685) |
| XYZ D50 | color(xyz-d50 0.07993 0.11934 0.0739) |
| SwiftUI | Color(red: 0.157, green: 0.427, blue: 0.318) |
| UIKit | UIColor(red: 0.157, green: 0.427, blue: 0.318, alpha: 1) |
| Flutter / Compose | Color(0xFF286D51) |
| Android XML | #286D51 |

## Facts

- Closest name: Sparkling Emerald
- Hue family: Emerald, soft dark emerald
- Closest Tailwind class: emerald-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 6.18:1
- Contrast with black: 3.4:1

## Tints

#286d51, #407b61, #568971, #6b9782, #7fa593, #94b4a4, #a9c3b6, #bed2c7, #d4e1da, #e9f0ec

## Shades

#286d51, #215e45, #1b4f3a, #15412f, #0f3324, #09261a, #041910, #020d07, #010402, #000100

## Tones

#286d51, #306c52, #376a54, #3e6955, #436856, #496658, #4d6559, #52635a, #56615c, #5a605d

## Harmonies

- Complementary: #286d51, #7f4a6a
- Split: #286d51, #6f5080, #874951
- Analogous: #286d51, #4b6836, #006d6c
- Triadic: #286d51, #58588c, #854e36
- Tetradic: #286d51, #166881, #7f4a6a, #854e36
- Square: #286d51, #3b608c, #7f4a6a, #7b5622
- Monochromatic: #286d51, #002a15, #004b31, #4e9173, #73b697

## Questions about #286d51

### What color is #286d51?

#286d51 is soft dark emerald. The closest named color is Sparkling Emerald. In RGB it is rgb(40, 109, 81), in HSL hsl(155.65, 46.31%, 29.22%) and in OKLCH oklch(48.279% 0.08333 163.374).

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

The complementary color of #286d51 is #7f4a6a. For a calmer combination use the analogous colors #4b6836 and #006d6c. The triadic partners are #58588c and #854e36.

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

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

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

#286d51 is a cool color. In OKLCH its hue is 163 degrees, its lightness 48.3% and its chroma 0.083.