# #7dd1a3 color: Crystal Gem

#7dd1a3 is rgb(125, 209, 163) in RGB and oklch(79.452% 0.10589 158.794) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7dd1a3 |
| RGB | rgb(125, 209, 163) |
| HSL | hsl(147.14, 47.73%, 65.49%) |
| HSB / HSV | hsv(147.14 40.19% 81.96%) |
| HWB | hwb(147.14 49.02% 18.04%) |
| CMYK | cmyk(40% 0% 22% 18%) |
| Lab | lab(77.57 -34.4 14.53) |
| LCH | lch(77.57 37.34 157.1) |
| OKLab | oklab(79.452% -0.09872 0.0383) |
| OKLCH | oklch(79.452% 0.10589 158.794) |
| Display P3 | color(display-p3 0.56745 0.81135 0.65238) |
| Rec. 2020 | color(rec2020 0.59004 0.77727 0.61822) |
| Adobe RGB | color(a98-rgb 0.60262 0.81494 0.64207) |
| ProPhoto RGB | color(prophoto-rgb 0.57605 0.7441 0.59727) |
| Linear sRGB | color(srgb-linear 0.20508 0.6376 0.36625) |
| XYZ D65 | color(xyz-d65 0.37867 0.52604 0.4281) |
| XYZ D50 | color(xyz-d50 0.3874 0.52492 0.32629) |
| SwiftUI | Color(red: 0.49, green: 0.82, blue: 0.639) |
| UIKit | UIColor(red: 0.49, green: 0.82, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF7DD1A3) |
| Android XML | #7DD1A3 |

## Facts

- Closest name: Crystal Gem
- Hue family: Emerald, soft light emerald
- Closest Tailwind class: emerald-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.82:1
- Contrast with black: 11.52:1

## Tints

#7dd1a3, #8bd6ac, #99dab5, #a7dfbe, #b4e4c7, #c0e8d0, #cdedda, #daf2e3, #e6f6ec, #f3fbf6

## Shades

#7dd1a3, #6cb58d, #5b9b78, #4b8163, #3b684f, #2c503c, #1e392a, #112319, #05100a, #010201

## Tones

#7dd1a3, #85cfa6, #8ccda8, #93cbab, #9ac9ad, #a0c7b0, #a6c5b2, #acc3b5, #b1c0b7, #b7beb9

## Harmonies

- Complementary: #7dd1a3, #e9a1d3
- Split: #7dd1a3, #d0a9f0, #f79fae
- Analogous: #7dd1a3, #a7ca7f, #5dd2c9
- Triadic: #7dd1a3, #adb5ff, #f7a489
- Tetradic: #7dd1a3, #62ccea, #e9a1d3, #f7a489
- Square: #7dd1a3, #85c2fd, #e9a1d3, #e9af6e
- Monochromatic: #7dd1a3, #2f855c, #57aa7e, #a4f9c9, #c7ffe2

## Questions about #7dd1a3

### What color is #7dd1a3?

#7dd1a3 is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(125, 209, 163), in HSL hsl(147.14, 47.73%, 65.49%) and in OKLCH oklch(79.452% 0.10589 158.794).

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

The complementary color of #7dd1a3 is #e9a1d3. For a calmer combination use the analogous colors #a7ca7f and #5dd2c9. The triadic partners are #adb5ff and #f7a489.

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

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

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

#7dd1a3 is a cool color. In OKLCH its hue is 159 degrees, its lightness 79.5% and its chroma 0.106.