# #369e76 color: Dancing Jewel

#369e76 is rgb(54, 158, 118) in RGB and oklch(62.878% 0.11335 163.879) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #369e76 |
| RGB | rgb(54, 158, 118) |
| HSL | hsl(156.92, 49.06%, 41.57%) |
| HSB / HSV | hsv(156.92 65.82% 61.96%) |
| HWB | hwb(156.92 21.18% 38.04%) |
| CMYK | cmyk(66% 0% 25% 38%) |
| Lab | lab(58.44 -38.5 11.85) |
| LCH | lch(58.44 40.28 162.89) |
| OKLab | oklab(62.878% -0.10889 0.03147) |
| OKLCH | oklch(62.878% 0.11335 163.879) |
| Display P3 | color(display-p3 0.33369 0.61121 0.47351) |
| Rec. 2020 | color(rec2020 0.35969 0.5581 0.42498) |
| Adobe RGB | color(a98-rgb 0.38675 0.61386 0.46744) |
| ProPhoto RGB | color(prophoto-rgb 0.35861 0.51925 0.40628) |
| Linear sRGB | color(srgb-linear 0.03689 0.34191 0.18116) |
| XYZ D65 | color(xyz-d65 0.17017 0.26545 0.21367) |
| XYZ D50 | color(xyz-d50 0.1737 0.2643 0.16308) |
| SwiftUI | Color(red: 0.212, green: 0.62, blue: 0.463) |
| UIKit | UIColor(red: 0.212, green: 0.62, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF369E76) |
| Android XML | #369E76 |

## Facts

- Closest name: Dancing Jewel
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.33:1
- Contrast with black: 6.31:1

## Tints

#369e76, #50a883, #66b190, #7abb9d, #8ec5ab, #a1ceb8, #b4d8c6, #c7e2d4, #daece2, #ecf5f1

## Shades

#369e76, #2e8966, #257456, #1e6047, #164d38, #0f3a29, #08291c, #03180f, #010905, #000101

## Tones

#369e76, #449c78, #4f9a7a, #58987c, #61967e, #699480, #709281, #779083, #7d8d85, #838b87

## Harmonies

- Complementary: #369e76, #b86c9a
- Split: #369e76, #a173b9, #c36a74
- Analogous: #369e76, #6c984e, #009e9d
- Triadic: #369e76, #817fcb, #c1714d
- Tetradic: #369e76, #1797bb, #b86c9a, #c1714d
- Square: #369e76, #568bcc, #b86c9a, #b17d2e
- Monochromatic: #369e76, #005534, #007954, #60c49a, #88ecc0

## Questions about #369e76

### What color is #369e76?

#369e76 is bright emerald. The closest named color is Dancing Jewel. In RGB it is rgb(54, 158, 118), in HSL hsl(156.92, 49.06%, 41.57%) and in OKLCH oklch(62.878% 0.11335 163.879).

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

The complementary color of #369e76 is #b86c9a. For a calmer combination use the analogous colors #6c984e and #009e9d. The triadic partners are #817fcb and #c1714d.

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

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

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

#369e76 is a cool color. In OKLCH its hue is 164 degrees, its lightness 62.9% and its chroma 0.113.