# #36976e color: Ocean Green

#36976e is rgb(54, 151, 110) in RGB and oklch(60.838% 0.11061 161.958) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/36976e

## Formats

| Format | Value |
| --- | --- |
| HEX | #36976e |
| RGB | rgb(54, 151, 110) |
| HSL | hsl(154.64, 47.32%, 40.2%) |
| HSB / HSV | hsv(154.64 64.24% 59.22%) |
| HWB | hwb(154.64 21.18% 40.78%) |
| CMYK | cmyk(64% 0% 27% 41%) |
| Lab | lab(56.04 -37.15 12.98) |
| LCH | lch(56.04 39.35 160.74) |
| OKLab | oklab(60.838% -0.10517 0.03426) |
| OKLCH | oklch(60.838% 0.11061 161.958) |
| Display P3 | color(display-p3 0.32325 0.5842 0.44298) |
| Rec. 2020 | color(rec2020 0.34235 0.5294 0.39264) |
| Adobe RGB | color(a98-rgb 0.37334 0.58665 0.43738) |
| ProPhoto RGB | color(prophoto-rgb 0.34023 0.49139 0.37607) |
| Linear sRGB | color(srgb-linear 0.03689 0.30947 0.15593) |
| XYZ D65 | color(xyz-d65 0.15402 0.24042 0.18581) |
| XYZ D50 | color(xyz-d50 0.15759 0.23951 0.1419) |
| SwiftUI | Color(red: 0.212, green: 0.592, blue: 0.431) |
| UIKit | UIColor(red: 0.212, green: 0.592, blue: 0.431, alpha: 1) |
| Flutter / Compose | Color(0xFF36976E) |
| Android XML | #36976E |

## 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.62:1
- Contrast with black: 5.81:1

## Tints

#36976e, #4fa17c, #65ac8a, #79b698, #8dc0a6, #a0cbb4, #b3d5c3, #c6e0d2, #d9eae1, #ecf4f0

## Shades

#36976e, #2e835f, #256f50, #1e5c41, #164933, #0f3726, #082619, #03170e, #010804, #000101

## Tones

#36976e, #429570, #4c9372, #559174, #5d8f76, #658d79, #6b8b7b, #72897d, #78877f, #7d8581

## Harmonies

- Complementary: #36976e, #af6795
- Split: #36976e, #996eb3, #bb6571
- Analogous: #36976e, #6a9047, #009794
- Triadic: #36976e, #787ac3, #ba6b4b
- Tetradic: #36976e, #0b91b2, #af6795, #ba6b4b
- Square: #36976e, #4e86c3, #af6795, #ab772c
- Monochromatic: #36976e, #004f2d, #00734c, #5fbd92, #86e4b7

## Questions about #36976e

### What color is #36976e?

#36976e is bright emerald. The closest named color is Ocean Green. In RGB it is rgb(54, 151, 110), in HSL hsl(154.64, 47.32%, 40.2%) and in OKLCH oklch(60.838% 0.11061 161.958).

### What colors go well with #36976e?

The complementary color of #36976e is #af6795. For a calmer combination use the analogous colors #6a9047 and #009794. The triadic partners are #787ac3 and #ba6b4b.

### Is white or black text more readable on #36976e?

White text reads better on #36976e: white gives a contrast ratio of 3.62:1 and black gives 5.81:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #36976e a warm or cool color?

#36976e is a cool color. In OKLCH its hue is 162 degrees, its lightness 60.8% and its chroma 0.111.