# #3fd6cc color: Turquoise Panic

#3fd6cc is rgb(63, 214, 204) in RGB and oklch(79.675% 0.12396 188.427) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3fd6cc

## Formats

| Format | Value |
| --- | --- |
| HEX | #3fd6cc |
| RGB | rgb(63, 214, 204) |
| HSL | hsl(176.03, 64.81%, 54.31%) |
| HSB / HSV | hsv(176.03 70.56% 83.92%) |
| HWB | hwb(176.03 24.71% 16.08%) |
| CMYK | cmyk(71% 0% 5% 16%) |
| Lab | lab(77.86 -42.2 -7.1) |
| LCH | lch(77.86 42.79 189.55) |
| OKLab | oklab(79.675% -0.12262 -0.01817) |
| OKLCH | oklch(79.675% 0.12396 188.427) |
| Display P3 | color(display-p3 0.43697 0.82766 0.79734) |
| Rec. 2020 | color(rec2020 0.51939 0.79276 0.77476) |
| Adobe RGB | color(a98-rgb 0.50965 0.8349 0.79671) |
| ProPhoto RGB | color(prophoto-rgb 0.54304 0.75935 0.7547) |
| Linear sRGB | color(srgb-linear 0.04971 0.67244 0.60383) |
| XYZ D65 | color(xyz-d65 0.36993 0.53507 0.65507) |
| XYZ D50 | color(xyz-d50 0.36706 0.52973 0.49717) |
| SwiftUI | Color(red: 0.247, green: 0.839, blue: 0.8) |
| UIKit | UIColor(red: 0.247, green: 0.839, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF3FD6CC) |
| Android XML | #3FD6CC |

## Facts

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

## Tints

#3fd6cc, #5edad1, #75dfd6, #8ae3db, #9de7e0, #afebe5, #c0efea, #d0f3f0, #e0f7f5, #f0fbfa

## Shades

#3fd6cc, #35bab1, #2c9e97, #23847e, #1b6a65, #12524e, #0a3b37, #042522, #01100f, #000202

## Tones

#3fd6cc, #56d4ca, #67d1c9, #76cfc7, #83cdc6, #8ecac4, #99c7c3, #a2c5c1, #acc2c0, #b4bfbe

## Harmonies

- Complementary: #3fd6cc, #ff9aad
- Split: #3fd6cc, #f19dd8, #ffa081
- Analogous: #3fd6cc, #70d59f, #47cff2
- Triadic: #3fd6cc, #d3a6fa, #f1ad5f
- Tetradic: #3fd6cc, #7ac3ff, #ff9aad, #f1ad5f
- Square: #3fd6cc, #abb4ff, #ff9aad, #d1be58
- Monochromatic: #3fd6cc, #008881, #00afa6, #70fef3, #b9ffff

## Questions about #3fd6cc

### What color is #3fd6cc?

#3fd6cc is bright light teal. The closest named color is Turquoise Panic. In RGB it is rgb(63, 214, 204), in HSL hsl(176.03, 64.81%, 54.31%) and in OKLCH oklch(79.675% 0.12396 188.427).

### What colors go well with #3fd6cc?

The complementary color of #3fd6cc is #ff9aad. For a calmer combination use the analogous colors #70d59f and #47cff2. The triadic partners are #d3a6fa and #f1ad5f.

### Is white or black text more readable on #3fd6cc?

Black text reads better on #3fd6cc: white gives a contrast ratio of 1.79:1 and black gives 11.7:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3fd6cc a warm or cool color?

#3fd6cc is a cool color. In OKLCH its hue is 188 degrees, its lightness 79.7% and its chroma 0.124.