# #7bd2a4 color: Crystal Gem

#7bd2a4 is rgb(123, 210, 164) in RGB and oklch(79.617% 0.10785 159.527) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7bd2a4 |
| RGB | rgb(123, 210, 164) |
| HSL | hsl(148.28, 49.15%, 65.29%) |
| HSB / HSV | hsv(148.28 41.43% 82.35%) |
| HWB | hwb(148.28 48.24% 17.65%) |
| CMYK | cmyk(41% 0% 22% 18%) |
| Lab | lab(77.79 -35.24 14.29) |
| LCH | lch(77.79 38.03 157.92) |
| OKLab | oklab(79.617% -0.10104 0.03772) |
| OKLCH | oklch(79.617% 0.10785 159.527) |
| Display P3 | color(display-p3 0.56325 0.81506 0.65615) |
| Rec. 2020 | color(rec2020 0.58836 0.78111 0.62234) |
| Adobe RGB | color(a98-rgb 0.60006 0.81893 0.64597) |
| ProPhoto RGB | color(prophoto-rgb 0.57541 0.74794 0.60145) |
| Linear sRGB | color(srgb-linear 0.19807 0.64448 0.37124) |
| XYZ D65 | color(xyz-d65 0.37914 0.52983 0.43352) |
| XYZ D50 | color(xyz-d50 0.38771 0.52859 0.33043) |
| SwiftUI | Color(red: 0.482, green: 0.824, blue: 0.643) |
| UIKit | UIColor(red: 0.482, green: 0.824, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF7BD2A4) |
| Android XML | #7BD2A4 |

## 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

#7bd2a4, #8ad7ad, #98dbb6, #a5e0bf, #b3e4c8, #c0e9d1, #cdedda, #d9f2e3, #e6f6ec, #f3fbf6

## Shades

#7bd2a4, #6ab68e, #5a9b79, #4a8164, #3a6850, #2c503d, #1e392b, #10241a, #05100a, #010201

## Tones

#7bd2a4, #83d0a7, #8bcea9, #92ccac, #99caae, #9fc8b0, #a6c5b3, #acc3b5, #b1c1b8, #b7bfba

## Harmonies

- Complementary: #7bd2a4, #eba1d3
- Split: #7bd2a4, #d1a9f1, #f99fad
- Analogous: #7bd2a4, #a6cb7f, #5bd3cb
- Triadic: #7bd2a4, #aeb5ff, #f8a488
- Tetradic: #7bd2a4, #61cdec, #eba1d3, #f8a488
- Square: #7bd2a4, #85c2ff, #eba1d3, #e9b06d
- Monochromatic: #7bd2a4, #2b865c, #54ab7f, #a2faca, #c7ffe2

## Questions about #7bd2a4

### What color is #7bd2a4?

#7bd2a4 is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(123, 210, 164), in HSL hsl(148.28, 49.15%, 65.29%) and in OKLCH oklch(79.617% 0.10785 159.527).

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

The complementary color of #7bd2a4 is #eba1d3. For a calmer combination use the analogous colors #a6cb7f and #5bd3cb. The triadic partners are #aeb5ff and #f8a488.

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

Black text reads better on #7bd2a4: 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 #7bd2a4 a warm or cool color?

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