# #369477 color: Illuminating Emerald

#369477 is rgb(54, 148, 119) in RGB and oklch(60.289% 0.09919 169.205) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369477 |
| RGB | rgb(54, 148, 119) |
| HSL | hsl(161.49, 46.53%, 39.61%) |
| HSB / HSV | hsv(161.49 63.51% 58.04%) |
| HWB | hwb(161.49 21.18% 41.96%) |
| CMYK | cmyk(64% 0% 20% 42%) |
| Lab | lab(55.25 -34.34 6.84) |
| LCH | lch(55.25 35.01 168.74) |
| OKLab | oklab(60.289% -0.09743 0.01858) |
| OKLCH | oklch(60.289% 0.09919 169.205) |
| Display P3 | color(display-p3 0.31884 0.57263 0.47316) |
| Rec. 2020 | color(rec2020 0.33757 0.51758 0.42368) |
| Adobe RGB | color(a98-rgb 0.36766 0.57502 0.4689) |
| ProPhoto RGB | color(prophoto-rgb 0.33972 0.48066 0.40339) |
| Linear sRGB | color(srgb-linear 0.03689 0.29614 0.18447) |
| XYZ D65 | color(xyz-d65 0.1544 0.23295 0.21136) |
| XYZ D50 | color(xyz-d50 0.15654 0.23169 0.161) |
| SwiftUI | Color(red: 0.212, green: 0.58, blue: 0.467) |
| UIKit | UIColor(red: 0.212, green: 0.58, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF369477) |
| Android XML | #369477 |

## Facts

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

## Tints

#369477, #4f9f84, #64a991, #79b49e, #8cbeab, #a0c9b9, #b3d4c6, #c6ded4, #d9e9e2, #ecf4f1

## Shades

#369477, #2e8067, #256d57, #1e5a47, #164838, #0f362a, #08261c, #031610, #010805, #000101

## Tones

#369477, #429278, #4c9179, #558f7a, #5c8d7b, #638b7c, #6a897d, #70877e, #76857f, #7c8380

## Harmonies

- Complementary: #369477, #ad688a
- Split: #369477, #9b6da7, #b56869
- Analogous: #369477, #618f55, #139398
- Triadic: #369477, #7f77b9, #b16e49
- Tetradic: #369477, #338cb0, #ad688a, #b16e49
- Square: #369477, #5d82bc, #ad688a, #a17a34
- Monochromatic: #369477, #004d35, #007055, #5fba9b, #86e1c1

## Questions about #369477

### What color is #369477?

#369477 is bright emerald. The closest named color is Illuminating Emerald. In RGB it is rgb(54, 148, 119), in HSL hsl(161.49, 46.53%, 39.61%) and in OKLCH oklch(60.289% 0.09919 169.205).

### What colors go well with #369477?

The complementary color of #369477 is #ad688a. For a calmer combination use the analogous colors #618f55 and #139398. The triadic partners are #7f77b9 and #b16e49.

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

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

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

#369477 is a cool color. In OKLCH its hue is 169 degrees, its lightness 60.3% and its chroma 0.099.