# #7bceaa color: Crystal Gem

#7bceaa is rgb(123, 206, 170) in RGB and oklch(78.825% 0.09709 164.555) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7bceaa |
| RGB | rgb(123, 206, 170) |
| HSL | hsl(153.98, 45.86%, 64.51%) |
| HSB / HSV | hsv(153.98 40.29% 80.78%) |
| HWB | hwb(153.98 48.24% 19.22%) |
| CMYK | cmyk(40% 0% 17% 19%) |
| Lab | lab(76.73 -32.63 9.65) |
| LCH | lch(76.73 34.02 163.52) |
| OKLab | oklab(78.825% -0.09358 0.02586) |
| OKLCH | oklch(78.825% 0.09709 164.555) |
| Display P3 | color(display-p3 0.55873 0.79969 0.67564) |
| Rec. 2020 | color(rec2020 0.58161 0.76488 0.64278) |
| Adobe RGB | color(a98-rgb 0.5935 0.80298 0.66732) |
| ProPhoto RGB | color(prophoto-rgb 0.57135 0.73171 0.62073) |
| Linear sRGB | color(srgb-linear 0.19807 0.61721 0.40198) |
| XYZ D65 | color(xyz-d65 0.37493 0.51254 0.45949) |
| XYZ D50 | color(xyz-d50 0.3816 0.5109 0.34973) |
| SwiftUI | Color(red: 0.482, green: 0.808, blue: 0.667) |
| UIKit | UIColor(red: 0.482, green: 0.808, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF7BCEAA) |
| Android XML | #7BCEAA |

## 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.87:1
- Contrast with black: 11.25:1

## Tints

#7bceaa, #8ad3b2, #98d8bb, #a5ddc3, #b2e2cb, #bfe7d4, #ccecdc, #d9f1e5, #e6f5ee, #f2faf6

## Shades

#7bceaa, #6ab393, #5a987d, #4a7f68, #3a6653, #2c4e3f, #1e382d, #10231b, #050f0b, #010201

## Tones

#7bceaa, #83ccac, #8acaad, #91c8af, #98c6b0, #9ec4b2, #a4c2b4, #aac0b5, #afbeb7, #b5bcb8

## Harmonies

- Complementary: #7bceaa, #e7a1c9
- Split: #7bceaa, #d1a7e5, #f2a0a6
- Analogous: #7bceaa, #a0c889, #65cecd
- Triadic: #7bceaa, #b3b2f6, #efa686
- Tetradic: #7bceaa, #6fc7e9, #e7a1c9, #efa686
- Square: #7bceaa, #8fbdf8, #e7a1c9, #dfb172
- Monochromatic: #7bceaa, #2c8362, #55a885, #a2f6d0, #c5ffe8

## Questions about #7bceaa

### What color is #7bceaa?

#7bceaa is soft light emerald. The closest named color is Crystal Gem. In RGB it is rgb(123, 206, 170), in HSL hsl(153.98, 45.86%, 64.51%) and in OKLCH oklch(78.825% 0.09709 164.555).

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

The complementary color of #7bceaa is #e7a1c9. For a calmer combination use the analogous colors #a0c889 and #65cecd. The triadic partners are #b3b2f6 and #efa686.

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

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

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

#7bceaa is a cool color. In OKLCH its hue is 165 degrees, its lightness 78.8% and its chroma 0.097.