# #7cd2a3 color: Crystal Gem

#7cd2a3 is rgb(124, 210, 163) in RGB and oklch(79.64% 0.10805 158.752) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7cd2a3 |
| RGB | rgb(124, 210, 163) |
| HSL | hsl(147.21, 48.86%, 65.49%) |
| HSB / HSV | hsv(147.21 40.95% 82.35%) |
| HWB | hwb(147.21 48.63% 17.65%) |
| CMYK | cmyk(41% 0% 22% 18%) |
| Lab | lab(77.82 -35.1 14.86) |
| LCH | lch(77.82 38.12 157.05) |
| OKLab | oklab(79.64% -0.1007 0.03916) |
| OKLCH | oklch(79.64% 0.10805 158.752) |
| Display P3 | color(display-p3 0.56591 0.81512 0.65272) |
| Rec. 2020 | color(rec2020 0.59009 0.78123 0.61868) |
| Adobe RGB | color(a98-rgb 0.60215 0.81893 0.64229) |
| ProPhoto RGB | color(prophoto-rgb 0.5764 0.74808 0.59789) |
| Linear sRGB | color(srgb-linear 0.20156 0.64448 0.36625) |
| XYZ D65 | color(xyz-d65 0.37968 0.53021 0.42885) |
| XYZ D50 | color(xyz-d50 0.38852 0.52907 0.32691) |
| SwiftUI | Color(red: 0.486, green: 0.824, blue: 0.639) |
| UIKit | UIColor(red: 0.486, green: 0.824, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF7CD2A3) |
| Android XML | #7CD2A3 |

## 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.81:1
- Contrast with black: 11.6:1

## Tints

#7cd2a3, #8bd7ac, #98dbb5, #a6e0be, #b3e4c7, #c0e9d0, #cdedda, #daf2e3, #e6f6ec, #f3fbf6

## Shades

#7cd2a3, #6bb68d, #5a9b78, #4a8163, #3b684f, #2c503c, #1e392a, #112419, #05100a, #010201

## Tones

#7cd2a3, #84d0a6, #8ccea8, #93ccab, #99caad, #a0c8b0, #a6c6b2, #acc3b5, #b2c1b7, #b7bfba

## Harmonies

- Complementary: #7cd2a3, #eba1d4
- Split: #7cd2a3, #d1aaf2, #f99fae
- Analogous: #7cd2a3, #a7ca7e, #5bd3ca
- Triadic: #7cd2a3, #adb6ff, #f9a489
- Tetradic: #7cd2a3, #60cdeb, #eba1d4, #f9a489
- Square: #7cd2a3, #84c2ff, #eba1d4, #eab06d
- Monochromatic: #7cd2a3, #2d865c, #55ab7e, #a3fac9, #c7ffe1

## Questions about #7cd2a3

### What color is #7cd2a3?

#7cd2a3 is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(124, 210, 163), in HSL hsl(147.21, 48.86%, 65.49%) and in OKLCH oklch(79.64% 0.10805 158.752).

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

The complementary color of #7cd2a3 is #eba1d4. For a calmer combination use the analogous colors #a7ca7e and #5bd3ca. The triadic partners are #adb6ff and #f9a489.

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

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

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

#7cd2a3 is a cool color. In OKLCH its hue is 159 degrees, its lightness 79.6% and its chroma 0.108.