# #63c7bc color: Bayside

#63c7bc is rgb(99, 199, 188) in RGB and oklch(76.64% 0.09553 185.947) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/63c7bc

## Formats

| Format | Value |
| --- | --- |
| HEX | #63c7bc |
| RGB | rgb(99, 199, 188) |
| HSL | hsl(173.4, 47.17%, 58.43%) |
| HSB / HSV | hsv(173.4 50.25% 78.04%) |
| HWB | hwb(173.4 38.82% 21.96%) |
| CMYK | cmyk(50% 0% 6% 22%) |
| Lab | lab(74.04 -32.7 -3.98) |
| LCH | lch(74.04 32.94 186.93) |
| OKLab | oklab(76.64% -0.09502 -0.0099) |
| OKLCH | oklch(76.64% 0.09553 185.947) |
| Display P3 | color(display-p3 0.48902 0.77129 0.73626) |
| Rec. 2020 | color(rec2020 0.52866 0.73345 0.70738) |
| Adobe RGB | color(a98-rgb 0.53426 0.77515 0.73343) |
| ProPhoto RGB | color(prophoto-rgb 0.53584 0.69931 0.68382) |
| Linear sRGB | color(srgb-linear 0.12477 0.57112 0.50289) |
| XYZ D65 | color(xyz-d65 0.34644 0.47129 0.5485) |
| XYZ D50 | color(xyz-d50 0.34633 0.46768 0.41629) |
| SwiftUI | Color(red: 0.388, green: 0.78, blue: 0.737) |
| UIKit | UIColor(red: 0.388, green: 0.78, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF63C7BC) |
| Android XML | #63C7BC |

## Facts

- Closest name: Bayside
- Hue family: Teal, bright light teal
- Closest Tailwind class: teal-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.01:1
- Contrast with black: 10.43:1

## Tints

#63c7bc, #76cdc3, #87d2c9, #97d8d0, #a7ded6, #b6e3dd, #c5e9e4, #d4eeeb, #e2f4f1, #f1faf8

## Shades

#63c7bc, #55ada3, #47938b, #3a7a73, #2e625d, #214c47, #163632, #0b211f, #030e0d, #000202

## Tones

#63c7bc, #6ec5bb, #78c3ba, #81c1b9, #89bfb8, #91bdb7, #99bbb7, #a0b9b6, #a6b7b5, #adb5b4

## Harmonies

- Complementary: #63c7bc, #e899aa
- Split: #63c7bc, #da9cca, #e99d89
- Analogous: #63c7bc, #7fc69a, #63c2da
- Triadic: #63c7bc, #c2a4e4, #dda770
- Tetradic: #63c7bc, #7fb9ed, #e899aa, #dda770
- Square: #63c7bc, #a2aef0, #e899aa, #c5b36a
- Monochromatic: #63c7bc, #007c73, #39a197, #8beee3, #bafffd

## Questions about #63c7bc

### What color is #63c7bc?

#63c7bc is bright light teal. The closest named color is Bayside. In RGB it is rgb(99, 199, 188), in HSL hsl(173.4, 47.17%, 58.43%) and in OKLCH oklch(76.64% 0.09553 185.947).

### What colors go well with #63c7bc?

The complementary color of #63c7bc is #e899aa. For a calmer combination use the analogous colors #7fc69a and #63c2da. The triadic partners are #c2a4e4 and #dda770.

### Is white or black text more readable on #63c7bc?

Black text reads better on #63c7bc: white gives a contrast ratio of 2.01:1 and black gives 10.43:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #63c7bc a warm or cool color?

#63c7bc is a cool color. In OKLCH its hue is 186 degrees, its lightness 76.6% and its chroma 0.096.