# #54b697 color: Electra

#54b697 is rgb(84, 182, 151) in RGB and oklch(70.855% 0.10393 169.922) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/54b697

## Formats

| Format | Value |
| --- | --- |
| HEX | #54b697 |
| RGB | rgb(84, 182, 151) |
| HSL | hsl(161.02, 40.16%, 52.16%) |
| HSB / HSV | hsv(161.02 53.85% 71.37%) |
| HWB | hwb(161.02 32.94% 28.63%) |
| CMYK | cmyk(54% 0% 17% 29%) |
| Lab | lab(67.56 -35.89 6.66) |
| LCH | lch(67.56 36.5 169.49) |
| OKLab | oklab(70.855% -0.10233 0.01819) |
| OKLCH | oklch(70.855% 0.10393 169.922) |
| Display P3 | color(display-p3 0.43142 0.70504 0.59881) |
| Rec. 2020 | color(rec2020 0.46034 0.66029 0.55882) |
| Adobe RGB | color(a98-rgb 0.47736 0.70789 0.59224) |
| ProPhoto RGB | color(prophoto-rgb 0.45763 0.62249 0.535) |
| Linear sRGB | color(srgb-linear 0.08866 0.46778 0.30947) |
| XYZ D65 | color(xyz-d65 0.25969 0.37574 0.35163) |
| XYZ D50 | color(xyz-d50 0.26311 0.37383 0.26764) |
| SwiftUI | Color(red: 0.329, green: 0.714, blue: 0.592) |
| UIKit | UIColor(red: 0.329, green: 0.714, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF54B697) |
| Android XML | #54B697 |

## Facts

- Closest name: Electra
- Hue family: Emerald, bright light emerald
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.47:1
- Contrast with black: 8.52:1

## Tints

#54b697, #68bda1, #7bc5ab, #8dccb5, #9ed3bf, #aedbca, #bfe2d4, #cfe9df, #dff1e9, #eff8f4

## Shades

#54b697, #489e83, #3c866f, #316f5c, #265949, #1b4437, #113026, #081d17, #020c08, #000201

## Tones

#54b697, #5fb498, #69b299, #71b09a, #79ae9b, #81ac9c, #88aa9d, #8fa89e, #95a59f, #9ba3a0

## Harmonies

- Complementary: #54b697, #d286aa
- Split: #54b697, #be8cca, #da8686
- Analogous: #54b697, #7eb172, #3cb4ba
- Triadic: #54b697, #a096de, #d58d65
- Tetradic: #54b697, #53add5, #d286aa, #d58d65
- Square: #54b697, #7ba2e2, #d286aa, #c39a50
- Monochromatic: #54b697, #006c51, #289073, #7cddbc, #a4ffe3

## Questions about #54b697

### What color is #54b697?

#54b697 is bright light emerald. The closest named color is Electra. In RGB it is rgb(84, 182, 151), in HSL hsl(161.02, 40.16%, 52.16%) and in OKLCH oklch(70.855% 0.10393 169.922).

### What colors go well with #54b697?

The complementary color of #54b697 is #d286aa. For a calmer combination use the analogous colors #7eb172 and #3cb4ba. The triadic partners are #a096de and #d58d65.

### Is white or black text more readable on #54b697?

Black text reads better on #54b697: white gives a contrast ratio of 2.47:1 and black gives 8.52:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #54b697 a warm or cool color?

#54b697 is a cool color. In OKLCH its hue is 170 degrees, its lightness 70.9% and its chroma 0.104.