# #02a775 color: Bluish Green

#02a775 is rgb(2, 167, 117) in RGB and oklch(64.454% 0.13863 163.172) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #02a775 |
| RGB | rgb(2, 167, 117) |
| HSL | hsl(161.82, 97.63%, 33.14%) |
| HSB / HSV | hsv(161.82 98.8% 65.49%) |
| HWB | hwb(161.82 0.78% 34.51%) |
| CMYK | cmyk(99% 0% 30% 35%) |
| Lab | lab(60.6 -47.33 15.22) |
| LCH | lch(60.6 49.72 162.18) |
| OKLab | oklab(64.454% -0.13269 0.04013) |
| OKLCH | oklch(64.454% 0.13863 163.172) |
| Display P3 | color(display-p3 0.29151 0.645 0.47307) |
| Rec. 2020 | color(rec2020 0.34764 0.59259 0.42546) |
| Adobe RGB | color(a98-rgb 0.36732 0.64899 0.46595) |
| ProPhoto RGB | color(prophoto-rgb 0.35229 0.55151 0.40832) |
| Linear sRGB | color(srgb-linear 0.00061 0.38643 0.17789) |
| XYZ D65 | color(xyz-d65 0.17054 0.28933 0.21516) |
| XYZ D50 | color(xyz-d50 0.17455 0.28794 0.16455) |
| SwiftUI | Color(red: 0.008, green: 0.655, blue: 0.459) |
| UIKit | UIColor(red: 0.008, green: 0.655, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFF02A775) |
| Android XML | #02A775 |

## Facts

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

## Tints

#02a775, #3cb082, #59b98f, #71c29d, #87cbaa, #9cd4b8, #b0dcc6, #c4e5d4, #d8eee2, #ebf6f1

## Shades

#02a775, #019165, #017b55, #016646, #005237, #003e29, #002c1c, #001a0f, #000a05, #000101

## Tones

#02a775, #2da578, #40a27a, #4fa07d, #5b9e7f, #659b82, #6e9984, #779686, #7f9389, #86908b

## Harmonies

- Complementary: #02a775, #c668a3
- Split: #02a775, #ab72c9, #d46675
- Analogous: #02a775, #6b9f40, #00a5a3
- Triadic: #02a775, #8380de, #d26e42
- Tetradic: #02a775, #009ecb, #c668a3, #d26e42
- Square: #02a775, #4a90df, #c668a3, #bf7e00
- Monochromatic: #02a775, #005a37, #008253, #4ace99, #76f6bf

## Questions about #02a775

### What color is #02a775?

#02a775 is bright emerald. The closest named color is Bluish Green. In RGB it is rgb(2, 167, 117), in HSL hsl(161.82, 97.63%, 33.14%) and in OKLCH oklch(64.454% 0.13863 163.172).

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

The complementary color of #02a775 is #c668a3. For a calmer combination use the analogous colors #6b9f40 and #00a5a3. The triadic partners are #8380de and #d26e42.

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

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

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

#02a775 is a cool color. In OKLCH its hue is 163 degrees, its lightness 64.5% and its chroma 0.139.