# #2ca286 color: Gossamer

#2ca286 is rgb(44, 162, 134) in RGB and oklch(64.104% 0.1107 173.008) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2ca286

## Formats

| Format | Value |
| --- | --- |
| HEX | #2ca286 |
| RGB | rgb(44, 162, 134) |
| HSL | hsl(165.76, 57.28%, 40.39%) |
| HSB / HSV | hsv(165.76 72.84% 63.53%) |
| HWB | hwb(165.76 17.25% 36.47%) |
| CMYK | cmyk(73% 0% 17% 36%) |
| Lab | lab(59.8 -38.76 4.83) |
| LCH | lch(59.8 39.06 172.9) |
| OKLab | oklab(64.104% -0.10988 0.01348) |
| OKLCH | oklch(64.104% 0.1107 173.008) |
| Display P3 | color(display-p3 0.32247 0.62633 0.53079) |
| Rec. 2020 | color(rec2020 0.36188 0.57425 0.48524) |
| Adobe RGB | color(a98-rgb 0.38268 0.62945 0.52602) |
| ProPhoto RGB | color(prophoto-rgb 0.3689 0.53538 0.46218) |
| Linear sRGB | color(srgb-linear 0.02519 0.36131 0.2384) |
| XYZ D65 | color(xyz-d65 0.18261 0.28096 0.27016) |
| XYZ D50 | color(xyz-d50 0.18425 0.27907 0.20567) |
| SwiftUI | Color(red: 0.173, green: 0.635, blue: 0.525) |
| UIKit | UIColor(red: 0.173, green: 0.635, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFF2CA286) |
| Android XML | #2CA286 |

## Facts

- Closest name: Gossamer
- Hue family: Teal, bright teal
- Closest Tailwind class: teal-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.17:1
- Contrast with black: 6.62:1

## Tints

#2ca286, #4aab91, #62b59d, #78bea9, #8cc7b5, #a0d1c1, #b3dacd, #c6e3d9, #d9ece6, #ecf6f2

## Shades

#2ca286, #258c74, #1e7762, #176351, #114f40, #0a3c30, #052a21, #021913, #010a06, #000101

## Tones

#2ca286, #3ea087, #4b9e87, #579c88, #609a89, #699889, #71968a, #78938a, #7f918b, #868f8c

## Harmonies

- Complementary: #2ca286, #c06f92
- Split: #2ca286, #ad75b3, #c7706c
- Analogous: #2ca286, #629e5f, #00a0aa
- Triadic: #2ca286, #8f7fca, #c17848
- Tetradic: #2ca286, #3897c5, #c06f92, #c17848
- Square: #2ca286, #688bd0, #c06f92, #ad8632
- Monochromatic: #2ca286, #005843, #007d63, #5ac8ab, #83f0d1

## Questions about #2ca286

### What color is #2ca286?

#2ca286 is bright teal. The closest named color is Gossamer. In RGB it is rgb(44, 162, 134), in HSL hsl(165.76, 57.28%, 40.39%) and in OKLCH oklch(64.104% 0.1107 173.008).

### What colors go well with #2ca286?

The complementary color of #2ca286 is #c06f92. For a calmer combination use the analogous colors #629e5f and #00a0aa. The triadic partners are #8f7fca and #c17848.

### Is white or black text more readable on #2ca286?

Black text reads better on #2ca286: white gives a contrast ratio of 3.17:1 and black gives 6.62:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2ca286 a warm or cool color?

#2ca286 is a cool color. In OKLCH its hue is 173 degrees, its lightness 64.1% and its chroma 0.111.