# #54bc80 color: Heart Chakra

#54bc80 is rgb(84, 188, 128) in RGB and oklch(71.785% 0.13148 155.614) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #54bc80 |
| RGB | rgb(84, 188, 128) |
| HSL | hsl(145.38, 43.7%, 53.33%) |
| HSB / HSV | hsv(145.38 55.32% 73.73%) |
| HWB | hwb(145.38 32.94% 26.27%) |
| CMYK | cmyk(55% 0% 32% 26%) |
| Lab | lab(68.99 -41.99 20.97) |
| LCH | lch(68.99 46.94 153.47) |
| OKLab | oklab(71.785% -0.11975 0.05428) |
| OKLCH | oklch(71.785% 0.13148 155.614) |
| Display P3 | color(display-p3 0.43943 0.72816 0.52148) |
| Rec. 2020 | color(rec2020 0.46873 0.68409 0.47803) |
| Adobe RGB | color(a98-rgb 0.48825 0.73157 0.51023) |
| ProPhoto RGB | color(prophoto-rgb 0.456 0.64492 0.46034) |
| Linear sRGB | color(srgb-linear 0.08866 0.50289 0.21586) |
| XYZ D65 | color(xyz-d65 0.25534 0.39408 0.26684) |
| XYZ D50 | color(xyz-d50 0.26323 0.39332 0.2042) |
| SwiftUI | Color(red: 0.329, green: 0.737, blue: 0.502) |
| UIKit | UIColor(red: 0.329, green: 0.737, blue: 0.502, alpha: 1) |
| Flutter / Compose | Color(0xFF54BC80) |
| Android XML | #54BC80 |

## Facts

- Closest name: Heart Chakra
- Hue family: Emerald, bright light emerald
- Closest Tailwind class: emerald-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.36:1
- Contrast with black: 8.88:1

## Tints

#54bc80, #69c38c, #7bca99, #8dd1a5, #9ed7b2, #afdebf, #bfe5cb, #cfebd8, #dff2e5, #eff9f2

## Shades

#54bc80, #48a36e, #3c8b5d, #31734d, #265d3d, #1b472e, #11321f, #081f12, #020d06, #000201

## Tones

#54bc80, #60ba84, #6ab888, #73b58b, #7bb38f, #83b193, #8aae96, #91ac9a, #98a99d, #9ea6a0

## Harmonies

- Complementary: #54bc80, #d683c4
- Split: #54bc80, #b88de5, #e87f98
- Analogous: #54bc80, #90b251, #00beb0
- Triadic: #54bc80, #8d9cf5, #ea8469
- Tetradic: #54bc80, #00b8d8, #d683c4, #ea8469
- Square: #54bc80, #55abf1, #d683c4, #db913f
- Monochromatic: #54bc80, #00723b, #27965d, #7ce3a5, #b8ffd4

## Questions about #54bc80

### What color is #54bc80?

#54bc80 is bright light emerald. The closest named color is Heart Chakra. In RGB it is rgb(84, 188, 128), in HSL hsl(145.38, 43.7%, 53.33%) and in OKLCH oklch(71.785% 0.13148 155.614).

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

The complementary color of #54bc80 is #d683c4. For a calmer combination use the analogous colors #90b251 and #00beb0. The triadic partners are #8d9cf5 and #ea8469.

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

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

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

#54bc80 is a cool color. In OKLCH its hue is 156 degrees, its lightness 71.8% and its chroma 0.131.