# #3ba686 color: Gumdrop Green

#3ba686 is rgb(59, 166, 134) in RGB and oklch(65.52% 0.10902 169.63) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #3ba686 |
| RGB | rgb(59, 166, 134) |
| HSL | hsl(162.06, 47.56%, 44.12%) |
| HSB / HSV | hsv(162.06 64.46% 65.1%) |
| HWB | hwb(162.06 23.14% 34.9%) |
| CMYK | cmyk(64% 0% 19% 35%) |
| Lab | lab(61.44 -37.81 7.21) |
| LCH | lch(61.44 38.49 169.21) |
| OKLab | oklab(65.52% -0.10724 0.01963) |
| OKLCH | oklch(65.52% 0.10902 169.63) |
| Display P3 | color(display-p3 0.35531 0.64226 0.53255) |
| Rec. 2020 | color(rec2020 0.3871 0.5917 0.48745) |
| Adobe RGB | color(a98-rgb 0.40889 0.64508 0.52683) |
| ProPhoto RGB | color(prophoto-rgb 0.38874 0.55284 0.46492) |
| Linear sRGB | color(srgb-linear 0.04374 0.38133 0.2384) |
| XYZ D65 | color(xyz-d65 0.19742 0.29922 0.2729) |
| XYZ D50 | color(xyz-d50 0.20005 0.29755 0.20787) |
| SwiftUI | Color(red: 0.231, green: 0.651, blue: 0.525) |
| UIKit | UIColor(red: 0.231, green: 0.651, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFF3BA686) |
| Android XML | #3BA686 |

## Facts

- Closest name: Gumdrop Green
- Hue family: Emerald, bright emerald
- Closest Tailwind class: teal-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.01:1
- Contrast with black: 6.98:1

## Tints

#3ba686, #54af91, #6ab89d, #7ec1a9, #91cab5, #a4d3c1, #b7dbcd, #c9e4d9, #dbede6, #edf6f2

## Shades

#3ba686, #329074, #297a62, #216551, #195140, #113e30, #092b21, #041a13, #010a06, #000101

## Tones

#3ba686, #49a487, #54a288, #5ea089, #679e8a, #6f9c8b, #779a8c, #7e988d, #84958f, #8b9390

## Harmonies

- Complementary: #3ba686, #c2749b
- Split: #3ba686, #ae7aba, #cb7475
- Analogous: #3ba686, #6ca160, #11a4aa
- Triadic: #3ba686, #8f85cf, #c67c52
- Tetradic: #3ba686, #399dc6, #c2749b, #c67c52
- Square: #3ba686, #6891d3, #c2749b, #b4883a
- Monochromatic: #3ba686, #005d42, #008163, #65ccab, #8ef4d1

## Questions about #3ba686

### What color is #3ba686?

#3ba686 is bright emerald. The closest named color is Gumdrop Green. In RGB it is rgb(59, 166, 134), in HSL hsl(162.06, 47.56%, 44.12%) and in OKLCH oklch(65.52% 0.10902 169.63).

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

The complementary color of #3ba686 is #c2749b. For a calmer combination use the analogous colors #6ca160 and #11a4aa. The triadic partners are #8f85cf and #c67c52.

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

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

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

#3ba686 is a cool color. In OKLCH its hue is 170 degrees, its lightness 65.5% and its chroma 0.109.