# #02ca97 color: Caribbean Green

#02ca97 is rgb(2, 202, 151) in RGB and oklch(74.447% 0.15293 166.685) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/02ca97

## Formats

| Format | Value |
| --- | --- |
| HEX | #02ca97 |
| RGB | rgb(2, 202, 151) |
| HSL | hsl(164.7, 98.04%, 40%) |
| HSB / HSV | hsv(164.7 99.01% 79.22%) |
| HWB | hwb(164.7 0.78% 20.78%) |
| CMYK | cmyk(99% 0% 25% 21%) |
| Lab | lab(72.38 -53.04 13.16) |
| LCH | lch(72.38 54.65 166.07) |
| OKLab | oklab(74.447% -0.14882 0.03522) |
| OKLCH | oklch(74.447% 0.15293 166.685) |
| Display P3 | color(display-p3 0.35807 0.78034 0.60511) |
| Rec. 2020 | color(rec2020 0.44332 0.7384 0.56742) |
| Adobe RGB | color(a98-rgb 0.44519 0.78707 0.59653) |
| ProPhoto RGB | color(prophoto-rgb 0.45132 0.69884 0.54678) |
| Linear sRGB | color(srgb-linear 0.00061 0.59062 0.30947) |
| XYZ D65 | color(xyz-d65 0.2673 0.44486 0.36457) |
| XYZ D50 | color(xyz-d50 0.27202 0.4423 0.27834) |
| SwiftUI | Color(red: 0.008, green: 0.792, blue: 0.592) |
| UIKit | UIColor(red: 0.008, green: 0.792, blue: 0.592, alpha: 1) |
| Flutter / Compose | Color(0xFF02CA97) |
| Android XML | #02CA97 |

## Facts

- Closest name: Caribbean Green
- Hue family: Emerald, bright light emerald
- Closest Tailwind class: emerald-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.12:1
- Contrast with black: 9.9:1

## Tints

#02ca97, #44d0a1, #62d5ab, #7adbb5, #90e0c0, #a4e6ca, #b7ebd5, #caf0df, #dcf5ea, #eefaf4

## Shades

#02ca97, #01af83, #01956f, #017c5c, #006449, #004d37, #003726, #002217, #000f08, #000201

## Tones

#02ca97, #38c799, #50c59b, #61c29e, #6fbfa0, #7cbca2, #87b9a4, #91b6a6, #9bb3a8, #a4afaa

## Harmonies

- Complementary: #02ca97, #f081bf
- Split: #02ca97, #d28cec, #fe808a
- Analogous: #02ca97, #7cc25c, #00c7cb
- Triadic: #02ca97, #a69bff, #f98a51
- Tetradic: #02ca97, #00bef6, #f081bf, #f98a51
- Square: #02ca97, #69adff, #f081bf, #e29d11
- Monochromatic: #02ca97, #007a54, #00a373, #53f2bd, #c4ffea

## Questions about #02ca97

### What color is #02ca97?

#02ca97 is bright light emerald. The closest named color is Caribbean Green. In RGB it is rgb(2, 202, 151), in HSL hsl(164.7, 98.04%, 40%) and in OKLCH oklch(74.447% 0.15293 166.685).

### What colors go well with #02ca97?

The complementary color of #02ca97 is #f081bf. For a calmer combination use the analogous colors #7cc25c and #00c7cb. The triadic partners are #a69bff and #f98a51.

### Is white or black text more readable on #02ca97?

Black text reads better on #02ca97: white gives a contrast ratio of 2.12:1 and black gives 9.9:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #02ca97 a warm or cool color?

#02ca97 is a cool color. In OKLCH its hue is 167 degrees, its lightness 74.4% and its chroma 0.153.