# #2caa87 color: Herbal

#2caa87 is rgb(44, 170, 135) in RGB and oklch(66.208% 0.11958 169.633) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #2caa87 |
| RGB | rgb(44, 170, 135) |
| HSL | hsl(163.33, 58.88%, 41.96%) |
| HSB / HSV | hsv(163.33 74.12% 66.67%) |
| HWB | hwb(163.33 17.25% 33.33%) |
| CMYK | cmyk(74% 0% 21% 33%) |
| Lab | lab(62.38 -41.64 7.91) |
| LCH | lch(62.38 42.38 169.24) |
| OKLab | oklab(66.208% -0.11763 0.02152) |
| OKLCH | oklch(66.208% 0.11958 169.633) |
| Display P3 | color(display-p3 0.33553 0.65722 0.53723) |
| Rec. 2020 | color(rec2020 0.3808 0.60698 0.49274) |
| Adobe RGB | color(a98-rgb 0.39894 0.66074 0.53129) |
| ProPhoto RGB | color(prophoto-rgb 0.38583 0.56726 0.47051) |
| Linear sRGB | color(srgb-linear 0.02519 0.40198 0.24228) |
| XYZ D65 | color(xyz-d65 0.19785 0.31033 0.2787) |
| XYZ D50 | color(xyz-d50 0.20047 0.30846 0.21239) |
| SwiftUI | Color(red: 0.173, green: 0.667, blue: 0.529) |
| UIKit | UIColor(red: 0.173, green: 0.667, blue: 0.529, alpha: 1) |
| Flutter / Compose | Color(0xFF2CAA87) |
| Android XML | #2CAA87 |

## Facts

- Closest name: Herbal
- Hue family: Emerald, bright emerald
- Closest Tailwind class: teal-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.91:1
- Contrast with black: 7.21:1

## Tints

#2caa87, #4cb392, #64bb9e, #7ac4aa, #8eccb5, #a2d5c1, #b5ddcd, #c7e6da, #daeee6, #edf7f2

## Shades

#2caa87, #259375, #1e7d63, #176851, #115341, #0a3f31, #052d21, #021b13, #010b06, #000101

## Tones

#2caa87, #40a888, #4ea689, #5aa48b, #64a18c, #6d9f8d, #769d8e, #7e9a8f, #859890, #8c9592

## Harmonies

- Complementary: #2caa87, #c9739e
- Split: #2caa87, #b37ac1, #d27375
- Analogous: #2caa87, #6aa45c, #00a8af
- Triadic: #2caa87, #9285d7, #cd7b4c
- Tetradic: #2caa87, #2aa0cd, #c9739e, #cd7b4c
- Square: #2caa87, #6693dc, #c9739e, #b9892e
- Monochromatic: #2caa87, #005f44, #008564, #5bd1ac, #85f9d2

## Questions about #2caa87

### What color is #2caa87?

#2caa87 is bright emerald. The closest named color is Herbal. In RGB it is rgb(44, 170, 135), in HSL hsl(163.33, 58.88%, 41.96%) and in OKLCH oklch(66.208% 0.11958 169.633).

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

The complementary color of #2caa87 is #c9739e. For a calmer combination use the analogous colors #6aa45c and #00a8af. The triadic partners are #9285d7 and #cd7b4c.

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

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

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

#2caa87 is a cool color. In OKLCH its hue is 170 degrees, its lightness 66.2% and its chroma 0.12.