# #7fb8a3 color: Key Largo

#7fb8a3 is rgb(127, 184, 163) in RGB and oklch(73.708% 0.06699 169.476) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/7fb8a3

## Formats

| Format | Value |
| --- | --- |
| HEX | #7fb8a3 |
| RGB | rgb(127, 184, 163) |
| HSL | hsl(157.89, 28.64%, 60.98%) |
| HSB / HSV | hsv(157.89 30.98% 72.16%) |
| HWB | hwb(157.89 49.8% 27.84%) |
| CMYK | cmyk(31% 0% 11% 28%) |
| Lab | lab(70.39 -22.79 4.47) |
| LCH | lch(70.39 23.22 168.9) |
| OKLab | oklab(73.708% -0.06586 0.01224) |
| OKLCH | oklch(73.708% 0.06699 169.476) |
| Display P3 | color(display-p3 0.54652 0.71555 0.64358) |
| Rec. 2020 | color(rec2020 0.5467 0.67548 0.6066) |
| Adobe RGB | color(a98-rgb 0.56807 0.71578 0.637) |
| ProPhoto RGB | color(prophoto-rgb 0.53288 0.6416 0.58158) |
| Linear sRGB | color(srgb-linear 0.21223 0.47932 0.36625) |
| XYZ D65 | color(xyz-d65 0.32502 0.41436 0.40937) |
| XYZ D50 | color(xyz-d50 0.32956 0.41304 0.31103) |
| SwiftUI | Color(red: 0.498, green: 0.722, blue: 0.639) |
| UIKit | UIColor(red: 0.498, green: 0.722, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF7FB8A3) |
| Android XML | #7FB8A3 |

## Facts

- Closest name: Key Largo
- Hue family: Emerald, dusty light emerald
- Closest Tailwind class: mist-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.26:1
- Contrast with black: 9.29:1

## Tints

#7fb8a3, #8cbfac, #99c6b5, #a6cdbe, #b3d4c7, #bfdbd0, #cce2d9, #d9eae3, #e5f1ec, #f2f8f5

## Shades

#7fb8a3, #6ea08d, #5d8878, #4c7163, #3c5b4f, #2d453c, #1f312a, #111e19, #060c0a, #010201

## Tones

#7fb8a3, #84b7a4, #89b5a4, #8db4a5, #92b3a6, #96b1a6, #9ab0a7, #9eaea8, #a2ada8, #a6aba9

## Harmonies

- Complementary: #7fb8a3, #cb99b0
- Split: #7fb8a3, #bd9dc5, #d19999
- Analogous: #7fb8a3, #94b58c, #76b7ba
- Triadic: #7fb8a3, #a8a3d2, #cd9e85
- Tetradic: #7fb8a3, #7db2cc, #cb99b0, #cd9e85
- Square: #7fb8a3, #91abd5, #cb99b0, #c1a67a
- Monochromatic: #7fb8a3, #376f5c, #5b937f, #a5dfc9, #c9ffee

## Questions about #7fb8a3

### What color is #7fb8a3?

#7fb8a3 is dusty light emerald. The closest named color is Key Largo. In RGB it is rgb(127, 184, 163), in HSL hsl(157.89, 28.64%, 60.98%) and in OKLCH oklch(73.708% 0.06699 169.476).

### What colors go well with #7fb8a3?

The complementary color of #7fb8a3 is #cb99b0. For a calmer combination use the analogous colors #94b58c and #76b7ba. The triadic partners are #a8a3d2 and #cd9e85.

### Is white or black text more readable on #7fb8a3?

Black text reads better on #7fb8a3: white gives a contrast ratio of 2.26:1 and black gives 9.29:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #7fb8a3 a warm or cool color?

#7fb8a3 is a cool color. In OKLCH its hue is 169 degrees, its lightness 73.7% and its chroma 0.067.