# #3fa4af color: Teal Essence

#3fa4af is rgb(63, 164, 175) in RGB and oklch(66.483% 0.09314 205.263) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3fa4af |
| RGB | rgb(63, 164, 175) |
| HSL | hsl(185.89, 47.06%, 46.67%) |
| HSB / HSV | hsv(185.89 64% 68.63%) |
| HWB | hwb(185.89 24.71% 31.37%) |
| CMYK | cmyk(64% 6% 0% 31%) |
| Lab | lab(61.93 -27.62 -14.89) |
| LCH | lch(61.93 31.38 208.32) |
| OKLab | oklab(66.483% -0.08423 -0.03975) |
| OKLCH | oklch(66.483% 0.09314 205.263) |
| Display P3 | color(display-p3 0.36041 0.6347 0.67856) |
| Rec. 2020 | color(rec2020 0.39855 0.58582 0.64265) |
| Adobe RGB | color(a98-rgb 0.41074 0.63726 0.67864) |
| ProPhoto RGB | color(prophoto-rgb 0.41924 0.55028 0.61393) |
| Linear sRGB | color(srgb-linear 0.04971 0.37124 0.42869) |
| XYZ D65 | color(xyz-d65 0.23062 0.30702 0.45269) |
| XYZ D50 | color(xyz-d50 0.22599 0.30318 0.34286) |
| SwiftUI | Color(red: 0.247, green: 0.643, blue: 0.686) |
| UIKit | UIColor(red: 0.247, green: 0.643, blue: 0.686, alpha: 1) |
| Flutter / Compose | Color(0xFF3FA4AF) |
| Android XML | #3FA4AF |

## Facts

- Closest name: Teal Essence
- Hue family: Cyan, bright cyan
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.94:1
- Contrast with black: 7.14:1

## Tints

#3fa4af, #57adb7, #6db6bf, #80bfc7, #93c8cf, #a5d1d7, #b8dadf, #c9e4e7, #dbedef, #edf6f7

## Shades

#3fa4af, #358e98, #2c7981, #23646b, #1b5056, #123d41, #0a2b2e, #041a1c, #010a0b, #000101

## Tones

#3fa4af, #4ca3ac, #57a1aa, #61a0a7, #6a9ea4, #729ca1, #799b9f, #80999c, #879799, #8d9596

## Harmonies

- Complementary: #3fa4af, #c77d76
- Split: #3fa4af, #c17b96, #c0845a
- Analogous: #3fa4af, #4ca691, #569dc5
- Triadic: #3fa4af, #b180b3, #ae8f4d
- Tetradic: #3fa4af, #7893cd, #c77d76, #ae8f4d
- Square: #3fa4af, #9888c7, #c77d76, #919b56
- Monochromatic: #3fa4af, #005c66, #007f8a, #69cad5, #91f2fd

## Questions about #3fa4af

### What color is #3fa4af?

#3fa4af is bright cyan. The closest named color is Teal Essence. In RGB it is rgb(63, 164, 175), in HSL hsl(185.89, 47.06%, 46.67%) and in OKLCH oklch(66.483% 0.09314 205.263).

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

The complementary color of #3fa4af is #c77d76. For a calmer combination use the analogous colors #4ca691 and #569dc5. The triadic partners are #b180b3 and #ae8f4d.

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

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

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

#3fa4af is a cool color. In OKLCH its hue is 205 degrees, its lightness 66.5% and its chroma 0.093.