# #7ccfa5 color: Crystal Gem

#7ccfa5 is rgb(124, 207, 165) in RGB and oklch(78.982% 0.10189 160.797) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7ccfa5 |
| RGB | rgb(124, 207, 165) |
| HSL | hsl(149.64, 46.37%, 64.9%) |
| HSB / HSV | hsv(149.64 40.1% 81.18%) |
| HWB | hwb(149.64 48.63% 18.82%) |
| CMYK | cmyk(40% 0% 20% 19%) |
| Lab | lab(76.98 -33.54 12.65) |
| LCH | lch(76.98 35.84 159.34) |
| OKLab | oklab(78.982% -0.09622 0.03351) |
| OKLCH | oklch(78.982% 0.10189 160.797) |
| Display P3 | color(display-p3 0.56253 0.8036 0.65855) |
| Rec. 2020 | color(rec2020 0.58453 0.76896 0.62461) |
| Adobe RGB | color(a98-rgb 0.59724 0.80697 0.64901) |
| ProPhoto RGB | color(prophoto-rgb 0.57175 0.73564 0.60312) |
| Linear sRGB | color(srgb-linear 0.20156 0.62396 0.37626) |
| XYZ D65 | color(xyz-d65 0.37415 0.51626 0.43592) |
| XYZ D50 | color(xyz-d50 0.38205 0.51496 0.33207) |
| SwiftUI | Color(red: 0.486, green: 0.812, blue: 0.647) |
| UIKit | UIColor(red: 0.486, green: 0.812, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF7CCFA5) |
| Android XML | #7CCFA5 |

## 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.85:1
- Contrast with black: 11.33:1

## Tints

#7ccfa5, #8ad4ae, #98d9b7, #a6debf, #b3e3c8, #c0e7d1, #cdecda, #d9f1e3, #e6f6ed, #f3faf6

## Shades

#7ccfa5, #6bb48f, #5a9979, #4a7f65, #3b6751, #2c4f3d, #1e382b, #11231a, #05100a, #010201

## Tones

#7ccfa5, #84cda7, #8bcba9, #92c9ac, #98c7ae, #9fc5b0, #a5c3b2, #aac1b4, #b0bfb6, #b5bdb8

## Harmonies

- Complementary: #7ccfa5, #e7a1ce
- Split: #7ccfa5, #cfa8eb, #f49fab
- Analogous: #7ccfa5, #a4c882, #60cfca
- Triadic: #7ccfa5, #aeb3fb, #f3a488
- Tetradic: #7ccfa5, #67cae8, #e7a1ce, #f3a488
- Square: #7ccfa5, #88bffa, #e7a1ce, #e4af6f
- Monochromatic: #7ccfa5, #2e845e, #56a980, #a3f7cb, #c6ffe4

## Questions about #7ccfa5

### What color is #7ccfa5?

#7ccfa5 is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(124, 207, 165), in HSL hsl(149.64, 46.37%, 64.9%) and in OKLCH oklch(78.982% 0.10189 160.797).

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

The complementary color of #7ccfa5 is #e7a1ce. For a calmer combination use the analogous colors #a4c882 and #60cfca. The triadic partners are #aeb3fb and #f3a488.

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

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

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

#7ccfa5 is a cool color. In OKLCH its hue is 161 degrees, its lightness 79% and its chroma 0.102.