# #7cd1a2 color: Crystal Gem

#7cd1a2 is rgb(124, 209, 162) in RGB and oklch(79.38% 0.10744 158.492) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7cd1a2 |
| RGB | rgb(124, 209, 162) |
| HSL | hsl(146.82, 48.02%, 65.29%) |
| HSB / HSV | hsv(146.82 40.67% 81.96%) |
| HWB | hwb(146.82 48.63% 18.04%) |
| CMYK | cmyk(41% 0% 22% 18%) |
| Lab | lab(77.51 -34.83 14.96) |
| LCH | lch(77.51 37.91 156.76) |
| OKLab | oklab(79.38% -0.09995 0.03939) |
| OKLCH | oklch(79.38% 0.10744 158.492) |
| Display P3 | color(display-p3 0.56478 0.81128 0.64886) |
| Rec. 2020 | color(rec2020 0.58791 0.77707 0.61447) |
| Adobe RGB | color(a98-rgb 0.60051 0.81494 0.63839) |
| ProPhoto RGB | color(prophoto-rgb 0.57383 0.74376 0.59362) |
| Linear sRGB | color(srgb-linear 0.20156 0.6376 0.36131) |
| XYZ D65 | color(xyz-d65 0.37632 0.52493 0.42333) |
| XYZ D50 | color(xyz-d50 0.38516 0.52383 0.32271) |
| SwiftUI | Color(red: 0.486, green: 0.82, blue: 0.635) |
| UIKit | UIColor(red: 0.486, green: 0.82, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF7CD1A2) |
| Android XML | #7CD1A2 |

## 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.83:1
- Contrast with black: 11.5:1

## Tints

#7cd1a2, #8ad6ab, #98dab4, #a6dfbd, #b3e4c7, #c0e8d0, #cdedd9, #daf2e3, #e6f6ec, #f3fbf5

## Shades

#7cd1a2, #6bb58c, #5a9b77, #4a8163, #3b684f, #2c503c, #1e392a, #112319, #05100a, #010201

## Tones

#7cd1a2, #84cfa5, #8bcda7, #92cbaa, #99c9ad, #9fc7af, #a5c5b2, #abc2b4, #b1c0b7, #b6beb9

## Harmonies

- Complementary: #7cd1a2, #e9a1d3
- Split: #7cd1a2, #cfa9f1, #f79eae
- Analogous: #7cd1a2, #a7c97e, #5bd2c9
- Triadic: #7cd1a2, #acb5ff, #f8a389
- Tetradic: #7cd1a2, #60ccea, #e9a1d3, #f8a389
- Square: #7cd1a2, #83c2fe, #e9a1d3, #e9af6d
- Monochromatic: #7cd1a2, #2d855b, #56aa7d, #a3f9c8, #c8ffe1

## Questions about #7cd1a2

### What color is #7cd1a2?

#7cd1a2 is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(124, 209, 162), in HSL hsl(146.82, 48.02%, 65.29%) and in OKLCH oklch(79.38% 0.10744 158.492).

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

The complementary color of #7cd1a2 is #e9a1d3. For a calmer combination use the analogous colors #a7c97e and #5bd2c9. The triadic partners are #acb5ff and #f8a389.

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

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

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

#7cd1a2 is a cool color. In OKLCH its hue is 158 degrees, its lightness 79.4% and its chroma 0.107.