# #309676 color: Ocean Green

#309676 is rgb(48, 150, 118) in RGB and oklch(60.612% 0.10546 168.15) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/309676

## Formats

| Format | Value |
| --- | --- |
| HEX | #309676 |
| RGB | rgb(48, 150, 118) |
| HSL | hsl(161.18, 51.52%, 38.82%) |
| HSB / HSV | hsv(161.18 68% 58.82%) |
| HWB | hwb(161.18 18.82% 41.18%) |
| CMYK | cmyk(68% 0% 21% 41%) |
| Lab | lab(55.71 -36.47 8.01) |
| LCH | lch(55.71 37.34 167.61) |
| OKLab | oklab(60.612% -0.10322 0.02166) |
| OKLCH | oklch(60.612% 0.10546 168.15) |
| Display P3 | color(display-p3 0.31033 0.58013 0.47026) |
| Rec. 2020 | color(rec2020 0.33476 0.52514 0.42084) |
| Adobe RGB | color(a98-rgb 0.36352 0.58277 0.46571) |
| ProPhoto RGB | color(prophoto-rgb 0.33784 0.48753 0.40115) |
| Linear sRGB | color(srgb-linear 0.02956 0.30499 0.18116) |
| XYZ D65 | color(xyz-d65 0.15394 0.23748 0.20913) |
| XYZ D50 | color(xyz-d50 0.15628 0.2362 0.15939) |
| SwiftUI | Color(red: 0.188, green: 0.588, blue: 0.463) |
| UIKit | UIColor(red: 0.188, green: 0.588, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF309676) |
| Android XML | #309676 |

## Facts

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

## Tints

#309676, #4ba083, #62ab90, #77b59d, #8bc0ab, #9ecab8, #b2d5c6, #c5dfd4, #d8eae2, #ecf4f1

## Shades

#309676, #288266, #216e56, #1a5b47, #134938, #0c3729, #06261c, #03160f, #010805, #000101

## Tones

#309676, #3e9477, #499278, #53907a, #5b8f7b, #638d7c, #6a8b7d, #70887e, #768680, #7c8481

## Harmonies

- Complementary: #309676, #b0678d
- Split: #309676, #9c6dab, #b9666a
- Analogous: #309676, #619151, #009599
- Triadic: #309676, #7f77bd, #b56d47
- Tetradic: #309676, #298eb4, #b0678d, #b56d47
- Square: #309676, #5983c1, #b0678d, #a4792e
- Monochromatic: #309676, #004e35, #007254, #5bbc9a, #82e3c0

## Questions about #309676

### What color is #309676?

#309676 is bright emerald. The closest named color is Ocean Green. In RGB it is rgb(48, 150, 118), in HSL hsl(161.18, 51.52%, 38.82%) and in OKLCH oklch(60.612% 0.10546 168.15).

### What colors go well with #309676?

The complementary color of #309676 is #b0678d. For a calmer combination use the analogous colors #619151 and #009599. The triadic partners are #7f77bd and #b56d47.

### Is white or black text more readable on #309676?

White text reads better on #309676: white gives a contrast ratio of 3.65:1 and black gives 5.75:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #309676 a warm or cool color?

#309676 is a cool color. In OKLCH its hue is 168 degrees, its lightness 60.6% and its chroma 0.105.