# #369a77 color: Ocean Green

#369a77 is rgb(54, 154, 119) in RGB and oklch(61.858% 0.10715 166.195) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/369a77

## Formats

| Format | Value |
| --- | --- |
| HEX | #369a77 |
| RGB | rgb(54, 154, 119) |
| HSL | hsl(159, 48.08%, 40.78%) |
| HSB / HSV | hsv(159 64.94% 60.39%) |
| HWB | hwb(159 21.18% 39.61%) |
| CMYK | cmyk(65% 0% 23% 40%) |
| Lab | lab(57.18 -36.75 9.54) |
| LCH | lch(57.18 37.97 165.45) |
| OKLab | oklab(61.858% -0.10406 0.02557) |
| OKLCH | oklch(61.858% 0.10715 166.195) |
| Display P3 | color(display-p3 0.3277 0.59578 0.47542) |
| Rec. 2020 | color(rec2020 0.35091 0.54188 0.42658) |
| Adobe RGB | color(a98-rgb 0.37906 0.5983 0.47015) |
| ProPhoto RGB | color(prophoto-rgb 0.35131 0.50377 0.40703) |
| Linear sRGB | color(srgb-linear 0.03689 0.32314 0.18447) |
| XYZ D65 | color(xyz-d65 0.16406 0.25226 0.21458) |
| XYZ D50 | color(xyz-d50 0.16694 0.25105 0.16362) |
| SwiftUI | Color(red: 0.212, green: 0.604, blue: 0.467) |
| UIKit | UIColor(red: 0.212, green: 0.604, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF369A77) |
| Android XML | #369A77 |

## 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.47:1
- Contrast with black: 6.05:1

## Tints

#369a77, #4fa484, #65ae91, #7ab89e, #8dc2ab, #a1ccb9, #b4d6c7, #c6e0d4, #d9ebe2, #ecf5f1

## Shades

#369a77, #2e8567, #257157, #1e5e47, #164b38, #0f392a, #08271c, #031710, #010905, #000101

## Tones

#369a77, #439879, #4e967a, #57947b, #5f927d, #67907e, #6e8e80, #748c81, #7a8a83, #808884

## Harmonies

- Complementary: #369a77, #b46a93
- Split: #369a77, #9f71b1, #bd696f
- Analogous: #369a77, #679452, #00999b
- Triadic: #369a77, #817bc3, #ba704c
- Tetradic: #369a77, #2792b7, #b46a93, #ba704c
- Square: #369a77, #5987c5, #b46a93, #aa7c31
- Monochromatic: #369a77, #005235, #007655, #60c09b, #87e7c1

## Questions about #369a77

### What color is #369a77?

#369a77 is bright emerald. The closest named color is Ocean Green. In RGB it is rgb(54, 154, 119), in HSL hsl(159, 48.08%, 40.78%) and in OKLCH oklch(61.858% 0.10715 166.195).

### What colors go well with #369a77?

The complementary color of #369a77 is #b46a93. For a calmer combination use the analogous colors #679452 and #00999b. The triadic partners are #817bc3 and #ba704c.

### Is white or black text more readable on #369a77?

White text reads better on #369a77: white gives a contrast ratio of 3.47:1 and black gives 6.05:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #369a77 a warm or cool color?

#369a77 is a cool color. In OKLCH its hue is 166 degrees, its lightness 61.9% and its chroma 0.107.