# #7acca3 color: Crystal Gem

#7acca3 is rgb(122, 204, 163) in RGB and oklch(78.127% 0.10051 161.089) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7acca3 |
| RGB | rgb(122, 204, 163) |
| HSL | hsl(150, 44.57%, 63.92%) |
| HSB / HSV | hsv(150 40.2% 80%) |
| HWB | hwb(150 47.84% 20%) |
| CMYK | cmyk(40% 0% 20% 20%) |
| Lab | lab(75.97 -33.15 12.28) |
| LCH | lch(75.97 35.35 159.67) |
| OKLab | oklab(78.127% -0.09508 0.03257) |
| OKLCH | oklch(78.127% 0.10051 161.089) |
| Display P3 | color(display-p3 0.55381 0.79193 0.65036) |
| Rec. 2020 | color(rec2020 0.57435 0.75623 0.6156) |
| Adobe RGB | color(a98-rgb 0.58813 0.79502 0.64099) |
| ProPhoto RGB | color(prophoto-rgb 0.56149 0.72237 0.59378) |
| Linear sRGB | color(srgb-linear 0.19462 0.60383 0.36625) |
| XYZ D65 | color(xyz-d65 0.36228 0.49966 0.42387) |
| XYZ D50 | color(xyz-d50 0.36983 0.49838 0.32287) |
| SwiftUI | Color(red: 0.478, green: 0.8, blue: 0.639) |
| UIKit | UIColor(red: 0.478, green: 0.8, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF7ACCA3) |
| Android XML | #7ACCA3 |

## Facts

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

## Tints

#7acca3, #89d1ac, #97d6b5, #a4dcbe, #b2e1c7, #bfe6d0, #ccebda, #d9f0e3, #e6f5ec, #f2faf6

## Shades

#7acca3, #69b18d, #599778, #497e63, #3a654f, #2b4e3c, #1d372a, #102219, #050f0a, #010201

## Tones

#7acca3, #82caa5, #89c8a7, #90c6a9, #96c4ab, #9cc2ad, #a2c0b0, #a8beb2, #adbcb4, #b2bab6

## Harmonies

- Complementary: #7acca3, #e49ecb
- Split: #7acca3, #cda6e7, #f09da8
- Analogous: #7acca3, #a1c581, #5fccc7
- Triadic: #7acca3, #acb0f7, #efa286
- Tetradic: #7acca3, #66c7e5, #e49ecb, #efa286
- Square: #7acca3, #87bcf6, #e49ecb, #e0ad6e
- Monochromatic: #7acca3, #2c815c, #54a67f, #a1f4c9, #c6ffe4

## Questions about #7acca3

### What color is #7acca3?

#7acca3 is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(122, 204, 163), in HSL hsl(150, 44.57%, 63.92%) and in OKLCH oklch(78.127% 0.10051 161.089).

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

The complementary color of #7acca3 is #e49ecb. For a calmer combination use the analogous colors #a1c581 and #5fccc7. The triadic partners are #acb0f7 and #efa286.

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

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

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

#7acca3 is a cool color. In OKLCH its hue is 161 degrees, its lightness 78.1% and its chroma 0.101.