# #7ccbb1 color: Puppeteers

#7ccbb1 is rgb(124, 203, 177) in RGB and oklch(78.36% 0.08716 170.965) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #7ccbb1 |
| RGB | rgb(124, 203, 177) |
| HSL | hsl(160.25, 43.17%, 64.12%) |
| HSB / HSV | hsv(160.25 38.92% 79.61%) |
| HWB | hwb(160.25 48.63% 20.39%) |
| CMYK | cmyk(39% 0% 13% 20%) |
| Lab | lab(76.05 -29.92 4.97) |
| LCH | lch(76.05 30.33 170.58) |
| OKLab | oklab(78.36% -0.08608 0.01369) |
| OKLCH | oklch(78.36% 0.08716 170.965) |
| Display P3 | color(display-p3 0.55809 0.78823 0.6993) |
| Rec. 2020 | color(rec2020 0.57914 0.75301 0.66788) |
| Adobe RGB | color(a98-rgb 0.59077 0.79104 0.69281) |
| ProPhoto RGB | color(prophoto-rgb 0.57182 0.72018 0.64501) |
| Linear sRGB | color(srgb-linear 0.20156 0.5972 0.43966) |
| XYZ D65 | color(xyz-d65 0.37602 0.5017 0.49299) |
| XYZ D50 | color(xyz-d50 0.38081 0.49962 0.37474) |
| SwiftUI | Color(red: 0.486, green: 0.796, blue: 0.694) |
| UIKit | UIColor(red: 0.486, green: 0.796, blue: 0.694, alpha: 1) |
| Flutter / Compose | Color(0xFF7CCBB1) |
| Android XML | #7CCBB1 |

## Facts

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

## Tints

#7ccbb1, #8ad0b9, #98d6c0, #a6dbc8, #b3e0d0, #c0e5d7, #cceadf, #d9f0e7, #e6f5ef, #f2faf7

## Shades

#7ccbb1, #6bb099, #5a9683, #4a7d6c, #3b6557, #2c4d42, #1e372f, #11221c, #050f0c, #010201

## Tones

#7ccbb1, #83c9b2, #8ac8b2, #91c6b3, #97c4b4, #9dc2b5, #a3c0b5, #a9beb6, #aebcb7, #b3bab8

## Harmonies

- Complementary: #7ccbb1, #e4a2bf
- Split: #7ccbb1, #d2a6db, #eba2a0
- Analogous: #7ccbb1, #9ac792, #6fcacf
- Triadic: #7ccbb1, #b8afed, #e6a985
- Tetradic: #7ccbb1, #7cc3e6, #e4a2bf, #e6a985
- Square: #7ccbb1, #99b9f1, #e4a2bf, #d5b377
- Monochromatic: #7ccbb1, #2f8069, #56a58c, #a3f3d7, #c2ffee

## Questions about #7ccbb1

### What color is #7ccbb1?

#7ccbb1 is soft light emerald. The closest named color is Puppeteers. In RGB it is rgb(124, 203, 177), in HSL hsl(160.25, 43.17%, 64.12%) and in OKLCH oklch(78.36% 0.08716 170.965).

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

The complementary color of #7ccbb1 is #e4a2bf. For a calmer combination use the analogous colors #9ac792 and #6fcacf. The triadic partners are #b8afed and #e6a985.

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

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

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

#7ccbb1 is a cool color. In OKLCH its hue is 171 degrees, its lightness 78.4% and its chroma 0.087.