# #45bb7a color: Esmeralda

#45bb7a is rgb(69, 187, 122) in RGB and oklch(70.908% 0.14284 155.635) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/45bb7a

## Formats

| Format | Value |
| --- | --- |
| HEX | #45bb7a |
| RGB | rgb(69, 187, 122) |
| HSL | hsl(146.95, 46.46%, 50.2%) |
| HSB / HSV | hsv(146.95 63.1% 73.33%) |
| HWB | hwb(146.95 27.06% 26.67%) |
| CMYK | cmyk(63% 0% 35% 27%) |
| Lab | lab(68.12 -45.8 22.86) |
| LCH | lch(68.12 51.19 153.48) |
| OKLab | oklab(70.908% -0.13012 0.05893) |
| OKLCH | oklch(70.908% 0.14284 155.635) |
| Display P3 | color(display-p3 0.40608 0.72365 0.50017) |
| Rec. 2020 | color(rec2020 0.44465 0.67828 0.45574) |
| Adobe RGB | color(a98-rgb 0.46327 0.72762 0.48868) |
| ProPhoto RGB | color(prophoto-rgb 0.43437 0.63805 0.43974) |
| Linear sRGB | color(srgb-linear 0.05951 0.49693 0.19462) |
| XYZ D65 | color(xyz-d65 0.23736 0.3821 0.24537) |
| XYZ D50 | color(xyz-d50 0.24519 0.38128 0.18805) |
| SwiftUI | Color(red: 0.271, green: 0.733, blue: 0.478) |
| UIKit | UIColor(red: 0.271, green: 0.733, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFF45BB7A) |
| Android XML | #45BB7A |

## Facts

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

## Tints

#45bb7a, #5ec287, #73c994, #86d0a1, #98d7ae, #aadebc, #bbe5c9, #cdebd6, #ddf2e4, #eef8f1

## Shades

#45bb7a, #3ba269, #318a59, #277349, #1e5c3a, #15462b, #0c321d, #051f10, #020d05, #000201

## Tones

#45bb7a, #54b97e, #60b682, #6bb486, #74b18a, #7daf8e, #85ac92, #8daa96, #94a79a, #9ba49d

## Harmonies

- Complementary: #45bb7a, #d77cc3
- Split: #45bb7a, #b788e8, #ea7894
- Analogous: #45bb7a, #8cb043, #00bdae
- Triadic: #45bb7a, #8998f9, #ec7d61
- Tetradic: #45bb7a, #00b6d9, #d77cc3, #ec7d61
- Square: #45bb7a, #48a8f4, #d77cc3, #dd8c2c
- Monochromatic: #45bb7a, #007035, #059557, #70e29f, #abffcc

## Questions about #45bb7a

### What color is #45bb7a?

#45bb7a is bright light emerald. The closest named color is Esmeralda. In RGB it is rgb(69, 187, 122), in HSL hsl(146.95, 46.46%, 50.2%) and in OKLCH oklch(70.908% 0.14284 155.635).

### What colors go well with #45bb7a?

The complementary color of #45bb7a is #d77cc3. For a calmer combination use the analogous colors #8cb043 and #00bdae. The triadic partners are #8998f9 and #ec7d61.

### Is white or black text more readable on #45bb7a?

Black text reads better on #45bb7a: white gives a contrast ratio of 2.43:1 and black gives 8.64:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #45bb7a a warm or cool color?

#45bb7a is a cool color. In OKLCH its hue is 156 degrees, its lightness 70.9% and its chroma 0.143.