# #3bac7f color: Jubilant Jade

#3bac7f is rgb(59, 172, 127) in RGB and oklch(66.881% 0.12237 163.019) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3bac7f |
| RGB | rgb(59, 172, 127) |
| HSL | hsl(156.11, 48.92%, 45.29%) |
| HSB / HSV | hsv(156.11 65.7% 67.45%) |
| HWB | hwb(156.11 23.14% 32.55%) |
| CMYK | cmyk(66% 0% 26% 33%) |
| Lab | lab(63.21 -41.38 13.5) |
| LCH | lch(63.21 43.53 161.93) |
| OKLab | oklab(66.881% -0.11703 0.03574) |
| OKLCH | oklch(66.881% 0.12237 163.019) |
| Display P3 | color(display-p3 0.36431 0.66541 0.51046) |
| Rec. 2020 | color(rec2020 0.39918 0.61596 0.46488) |
| Adobe RGB | color(a98-rgb 0.42051 0.66858 0.50283) |
| ProPhoto RGB | color(prophoto-rgb 0.39652 0.57613 0.44513) |
| Linear sRGB | color(srgb-linear 0.04374 0.41254 0.21223) |
| XYZ D65 | color(xyz-d65 0.20386 0.31966 0.25175) |
| XYZ D50 | color(xyz-d50 0.20833 0.31834 0.19221) |
| SwiftUI | Color(red: 0.231, green: 0.675, blue: 0.498) |
| UIKit | UIColor(red: 0.231, green: 0.675, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFF3BAC7F) |
| Android XML | #3BAC7F |

## Facts

- Closest name: Jubilant Jade
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.84:1
- Contrast with black: 7.39:1

## Tints

#3bac7f, #55b48b, #6bbd98, #7fc5a4, #92cdb1, #a5d6bd, #b7deca, #c9e6d7, #dbefe4, #edf7f2

## Shades

#3bac7f, #32956e, #297f5d, #21694c, #19543c, #11402d, #092d1f, #041b11, #010b06, #000101

## Tones

#3bac7f, #4aaa81, #56a884, #60a686, #6aa388, #72a18a, #7a9f8c, #819c8e, #889a91, #8e9793

## Harmonies

- Complementary: #3bac7f, #c875a9
- Split: #3bac7f, #af7dca, #d5737f
- Analogous: #3bac7f, #77a553, #00aca9
- Triadic: #3bac7f, #8b8add, #d37a55
- Tetradic: #3bac7f, #0fa4cb, #c875a9, #d37a55
- Square: #3bac7f, #5b98de, #c875a9, #c28831
- Monochromatic: #3bac7f, #00623c, #00875c, #66d3a4, #8ffbca

## Questions about #3bac7f

### What color is #3bac7f?

#3bac7f is bright emerald. The closest named color is Jubilant Jade. In RGB it is rgb(59, 172, 127), in HSL hsl(156.11, 48.92%, 45.29%) and in OKLCH oklch(66.881% 0.12237 163.019).

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

The complementary color of #3bac7f is #c875a9. For a calmer combination use the analogous colors #77a553 and #00aca9. The triadic partners are #8b8add and #d37a55.

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

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

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

#3bac7f is a cool color. In OKLCH its hue is 163 degrees, its lightness 66.9% and its chroma 0.122.
