# #286b53 color: Sparkling Emerald

#286b53 is rgb(40, 107, 83) in RGB and oklch(47.781% 0.07864 166.366) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #286b53 |
| RGB | rgb(40, 107, 83) |
| HSL | hsl(158.51, 45.58%, 28.82%) |
| HSB / HSV | hsv(158.51 62.62% 41.96%) |
| HWB | hwb(158.51 15.69% 58.04%) |
| CMYK | cmyk(63% 0% 22% 58%) |
| Lab | lab(40.47 -26.93 6.91) |
| LCH | lch(40.47 27.8 165.62) |
| OKLab | oklab(47.781% -0.07642 0.01854) |
| OKLCH | oklch(47.781% 0.07864 166.366) |
| Display P3 | color(display-p3 0.23088 0.41394 0.33141) |
| Rec. 2020 | color(rec2020 0.22306 0.35106 0.27409) |
| Adobe RGB | color(a98-rgb 0.27195 0.41823 0.33286) |
| ProPhoto RGB | color(prophoto-rgb 0.23172 0.32595 0.26649) |
| Linear sRGB | color(srgb-linear 0.02122 0.14703 0.0865) |
| XYZ D65 | color(xyz-d65 0.07694 0.11591 0.10016) |
| XYZ D50 | color(xyz-d50 0.07826 0.11537 0.07634) |
| SwiftUI | Color(red: 0.157, green: 0.42, blue: 0.325) |
| UIKit | UIColor(red: 0.157, green: 0.42, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFF286B53) |
| Android XML | #286B53 |

## Facts

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

## Tints

#286b53, #407963, #558773, #6a9683, #7fa494, #94b3a5, #a9c2b6, #bed1c8, #d3e0da, #e9efec

## Shades

#286b53, #215c47, #1b4e3b, #153f30, #0f3225, #09251b, #041811, #020d08, #010402, #000000

## Tones

#286b53, #306a54, #376855, #3d6756, #436657, #486458, #4c6359, #51615a, #55605b, #595e5c

## Harmonies

- Complementary: #286b53, #7d4a66
- Split: #286b53, #6f4f7b, #834a4d
- Analogous: #286b53, #48673a, #0b6a6c
- Triadic: #286b53, #5a5687, #814e35
- Tetradic: #286b53, #20667f, #7d4a66, #814e35
- Square: #286b53, #3f5e89, #7d4a66, #765624
- Monochromatic: #286b53, #002917, #004933, #4d8f75, #72b499

## Questions about #286b53

### What color is #286b53?

#286b53 is dusty dark emerald. The closest named color is Sparkling Emerald. In RGB it is rgb(40, 107, 83), in HSL hsl(158.51, 45.58%, 28.82%) and in OKLCH oklch(47.781% 0.07864 166.366).

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

The complementary color of #286b53 is #7d4a66. For a calmer combination use the analogous colors #48673a and #0b6a6c. The triadic partners are #5a5687 and #814e35.

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

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

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

#286b53 is a cool color. In OKLCH its hue is 166 degrees, its lightness 47.8% and its chroma 0.079.