# #31986d color: Ocean Green

#31986d is rgb(49, 152, 109) in RGB and oklch(60.933% 0.11515 161.682) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/31986d

## Formats

| Format | Value |
| --- | --- |
| HEX | #31986d |
| RGB | rgb(49, 152, 109) |
| HSL | hsl(154.95, 51.24%, 39.41%) |
| HSB / HSV | hsv(154.95 67.76% 59.61%) |
| HWB | hwb(154.95 19.22% 40.39%) |
| CMYK | cmyk(68% 0% 28% 40%) |
| Lab | lab(56.21 -38.68 13.74) |
| LCH | lch(56.21 41.05 160.44) |
| OKLab | oklab(60.933% -0.10932 0.03619) |
| OKLCH | oklch(60.933% 0.11515 161.682) |
| Display P3 | color(display-p3 0.31523 0.58788 0.43981) |
| Rec. 2020 | color(rec2020 0.33854 0.53301 0.38947) |
| Adobe RGB | color(a98-rgb 0.36867 0.59053 0.43407) |
| ProPhoto RGB | color(prophoto-rgb 0.33733 0.49457 0.37343) |
| Linear sRGB | color(srgb-linear 0.03071 0.31399 0.15293) |
| XYZ D65 | color(xyz-d65 0.15254 0.24213 0.18338) |
| XYZ D50 | color(xyz-d50 0.15621 0.2412 0.14011) |
| SwiftUI | Color(red: 0.192, green: 0.596, blue: 0.427) |
| UIKit | UIColor(red: 0.192, green: 0.596, blue: 0.427, alpha: 1) |
| Flutter / Compose | Color(0xFF31986D) |
| Android XML | #31986D |

## Facts

- Closest name: Ocean Green
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.59:1
- Contrast with black: 5.84:1

## Tints

#31986d, #4ca27b, #62ad89, #77b797, #8bc1a5, #9fcbb4, #b2d6c2, #c5e0d1, #d8eae0, #ecf5f0

## Shades

#31986d, #29845e, #22704f, #1a5c41, #134a33, #0c3826, #062719, #03170d, #010804, #000101

## Tones

#31986d, #3f966f, #4a9472, #539274, #5c9076, #648e78, #6b8c7a, #718a7d, #77887f, #7d8581

## Harmonies

- Complementary: #31986d, #b16697
- Split: #31986d, #9a6eb5, #bd6471
- Analogous: #31986d, #699144, #009894
- Triadic: #31986d, #7879c6, #bc6a49
- Tetradic: #31986d, #0092b4, #b16697, #bc6a49
- Square: #31986d, #4b86c6, #b16697, #ad7626
- Monochromatic: #31986d, #00502d, #00744b, #5bbe91, #83e5b6

## Questions about #31986d

### What color is #31986d?

#31986d is bright emerald. The closest named color is Ocean Green. In RGB it is rgb(49, 152, 109), in HSL hsl(154.95, 51.24%, 39.41%) and in OKLCH oklch(60.933% 0.11515 161.682).

### What colors go well with #31986d?

The complementary color of #31986d is #b16697. For a calmer combination use the analogous colors #699144 and #009894. The triadic partners are #7879c6 and #bc6a49.

### Is white or black text more readable on #31986d?

White text reads better on #31986d: white gives a contrast ratio of 3.59:1 and black gives 5.84:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #31986d a warm or cool color?

#31986d is a cool color. In OKLCH its hue is 162 degrees, its lightness 60.9% and its chroma 0.115.