# #34ae85 color: Herbal

#34ae85 is rgb(52, 174, 133) in RGB and oklch(67.367% 0.12306 166.164) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/34ae85

## Formats

| Format | Value |
| --- | --- |
| HEX | #34ae85 |
| RGB | rgb(52, 174, 133) |
| HSL | hsl(159.84, 53.98%, 44.31%) |
| HSB / HSV | hsv(159.84 70.11% 68.24%) |
| HWB | hwb(159.84 20.39% 31.76%) |
| CMYK | cmyk(70% 0% 24% 32%) |
| Lab | lab(63.78 -42.31 10.99) |
| LCH | lch(63.78 43.71 165.44) |
| OKLab | oklab(67.367% -0.11949 0.02943) |
| OKLCH | oklch(67.367% 0.12306 166.164) |
| Display P3 | color(display-p3 0.35484 0.6729 0.53193) |
| Rec. 2020 | color(rec2020 0.39736 0.62383 0.48755) |
| Adobe RGB | color(a98-rgb 0.41577 0.67642 0.5249) |
| ProPhoto RGB | color(prophoto-rgb 0.39851 0.58392 0.4664) |
| Linear sRGB | color(srgb-linear 0.03434 0.42327 0.23455) |
| XYZ D65 | color(xyz-d65 0.20785 0.32694 0.27406) |
| XYZ D50 | color(xyz-d50 0.21156 0.32529 0.20906) |
| SwiftUI | Color(red: 0.204, green: 0.682, blue: 0.522) |
| UIKit | UIColor(red: 0.204, green: 0.682, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFF34AE85) |
| Android XML | #34AE85 |

## 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.79:1
- Contrast with black: 7.54:1

## Tints

#34ae85, #51b691, #68be9c, #7dc7a8, #91cfb4, #a4d7c0, #b6dfcd, #c9e7d9, #dbefe6, #edf7f2

## Shades

#34ae85, #2c9773, #248061, #1c6a50, #155540, #0e4130, #072e21, #031c13, #010b06, #000101

## Tones

#34ae85, #45ac87, #53aa89, #5ea78a, #68a58c, #72a38e, #7aa08f, #829e91, #899b93, #909995

## Harmonies

- Complementary: #34ae85, #cc76a6
- Split: #34ae85, #b47ec9, #d7757c
- Analogous: #34ae85, #72a759, #00adaf
- Triadic: #34ae85, #918ade, #d47c52
- Tetradic: #34ae85, #1ea5d0, #cc76a6, #d47c52
- Square: #34ae85, #6298e1, #cc76a6, #c18b30
- Monochromatic: #34ae85, #006342, #008962, #61d5aa, #8bfdd0

## Questions about #34ae85

### What color is #34ae85?

#34ae85 is bright emerald. The closest named color is Herbal. In RGB it is rgb(52, 174, 133), in HSL hsl(159.84, 53.98%, 44.31%) and in OKLCH oklch(67.367% 0.12306 166.164).

### What colors go well with #34ae85?

The complementary color of #34ae85 is #cc76a6. For a calmer combination use the analogous colors #72a759 and #00adaf. The triadic partners are #918ade and #d47c52.

### Is white or black text more readable on #34ae85?

Black text reads better on #34ae85: white gives a contrast ratio of 2.79:1 and black gives 7.54:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #34ae85 a warm or cool color?

#34ae85 is a cool color. In OKLCH its hue is 166 degrees, its lightness 67.4% and its chroma 0.123.