# #7eccc3 color: Blue Green Gem

#7eccc3 is rgb(126, 204, 195) in RGB and oklch(79.217% 0.07842 186.407) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7eccc3 |
| RGB | rgb(126, 204, 195) |
| HSL | hsl(173.08, 43.33%, 64.71%) |
| HSB / HSV | hsv(173.08 38.24% 80%) |
| HWB | hwb(173.08 49.41% 20%) |
| CMYK | cmyk(38% 0% 4% 20%) |
| Lab | lab(76.82 -26.7 -3.51) |
| LCH | lch(76.82 26.93 187.5) |
| OKLab | oklab(79.217% -0.07793 -0.00875) |
| OKLCH | oklch(79.217% 0.07842 186.407) |
| Display P3 | color(display-p3 0.56462 0.79221 0.76373) |
| Rec. 2020 | color(rec2020 0.58906 0.75825 0.73747) |
| Adobe RGB | color(a98-rgb 0.59667 0.79502 0.76079) |
| ProPhoto RGB | color(prophoto-rgb 0.58971 0.72699 0.71512) |
| Linear sRGB | color(srgb-linear 0.20864 0.60383 0.54572) |
| XYZ D65 | color(xyz-d65 0.40045 0.5156 0.59473) |
| XYZ D50 | color(xyz-d50 0.40163 0.51238 0.45123) |
| SwiftUI | Color(red: 0.494, green: 0.8, blue: 0.765) |
| UIKit | UIColor(red: 0.494, green: 0.8, blue: 0.765, alpha: 1) |
| Flutter / Compose | Color(0xFF7ECCC3) |
| Android XML | #7ECCC3 |

## Facts

- Closest name: Blue Green Gem
- Hue family: Teal, soft light teal
- Closest Tailwind class: teal-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 1.86:1
- Contrast with black: 11.31:1

## Tints

#7eccc3, #8cd1c9, #9ad6cf, #a7dbd5, #b4e1db, #c1e6e1, #cdebe7, #daf0ed, #e6f5f3, #f3faf9

## Shades

#7eccc3, #6db1a9, #5c9790, #4c7e78, #3c6560, #2d4e4a, #1f3734, #112220, #050f0e, #010202

## Tones

#7eccc3, #86cac2, #8dc9c1, #93c7c1, #9ac6c0, #a0c4bf, #a6c2be, #abc0bd, #b1bfbd, #b6bdbc

## Harmonies

- Complementary: #7eccc3, #e8a7b3
- Split: #7eccc3, #dca8ce, #e9aa98
- Analogous: #7eccc3, #92cba7, #7ec8dc
- Triadic: #7eccc3, #c8afe4, #deb285
- Tetradic: #7eccc3, #92c1eb, #e8a7b3, #deb285
- Square: #7eccc3, #adb7ee, #e8a7b3, #cabc81
- Monochromatic: #7eccc3, #318179, #58a69d, #a5f4ea, #bafffd

## Questions about #7eccc3

### What color is #7eccc3?

#7eccc3 is soft light teal. The closest named color is Blue Green Gem. In RGB it is rgb(126, 204, 195), in HSL hsl(173.08, 43.33%, 64.71%) and in OKLCH oklch(79.217% 0.07842 186.407).

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

The complementary color of #7eccc3 is #e8a7b3. For a calmer combination use the analogous colors #92cba7 and #7ec8dc. The triadic partners are #c8afe4 and #deb285.

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

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

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

#7eccc3 is a cool color. In OKLCH its hue is 186 degrees, its lightness 79.2% and its chroma 0.078.