# #02504c color: Action Green

#02504c is rgb(2, 80, 76) in RGB and oklch(38.922% 0.06671 188.956) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/02504c

## Formats

| Format | Value |
| --- | --- |
| HEX | #02504c |
| RGB | rgb(2, 80, 76) |
| HSL | hsl(176.92, 95.12%, 16.08%) |
| HSB / HSV | hsv(176.92 97.5% 31.37%) |
| HWB | hwb(176.92 0.78% 68.63%) |
| CMYK | cmyk(98% 0% 5% 69%) |
| Lab | lab(29.92 -22.7 -4.03) |
| LCH | lch(29.92 23.05 190.08) |
| OKLab | oklab(38.922% -0.0659 -0.01038) |
| OKLCH | oklch(38.922% 0.06671 188.956) |
| Display P3 | color(display-p3 0.12703 0.30861 0.29672) |
| Rec. 2020 | color(rec2020 0.12734 0.24262 0.23672) |
| Adobe RGB | color(a98-rgb 0.18093 0.31752 0.30343) |
| ProPhoto RGB | color(prophoto-rgb 0.16008 0.23213 0.23183) |
| Linear sRGB | color(srgb-linear 0.00061 0.08022 0.07227) |
| XYZ D65 | color(xyz-d65 0.04198 0.06272 0.07827) |
| XYZ D50 | color(xyz-d50 0.0415 0.06202 0.05941) |
| SwiftUI | Color(red: 0.008, green: 0.314, blue: 0.298) |
| UIKit | UIColor(red: 0.008, green: 0.314, blue: 0.298, alpha: 1) |
| Flutter / Compose | Color(0xFF02504C) |
| Android XML | #02504C |

## Facts

- Closest name: Action Green
- Hue family: Teal, soft dark teal
- Closest Tailwind class: teal-900
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 9.32:1
- Contrast with black: 2.25:1

## Tints

#02504c, #27605c, #40716d, #57817e, #6f928f, #86a4a1, #9db6b3, #b5c7c6, #cddad8, #e6ecec

## Shades

#02504c, #014441, #013936, #012e2c, #002422, #001a18, #00100f, #000706, #000202, #000000

## Tones

#02504c, #124f4b, #1c4e4b, #244d4a, #2a4c49, #2f4b48, #344a48, #394847, #3d4746, #414645

## Harmonies

- Complementary: #02504c, #63353d
- Split: #02504c, #5c3651, #633829
- Analogous: #02504c, #205038, #094d5d
- Triadic: #02504c, #4f3a60, #5c3e19
- Tetradic: #02504c, #264767, #63353d, #5c3e19
- Square: #02504c, #3d4168, #63353d, #4e4515
- Monochromatic: #02504c, #00100f, #00302d, #31726e, #569691

## Questions about #02504c

### What color is #02504c?

#02504c is soft dark teal. The closest named color is Action Green. In RGB it is rgb(2, 80, 76), in HSL hsl(176.92, 95.12%, 16.08%) and in OKLCH oklch(38.922% 0.06671 188.956).

### What colors go well with #02504c?

The complementary color of #02504c is #63353d. For a calmer combination use the analogous colors #205038 and #094d5d. The triadic partners are #4f3a60 and #5c3e19.

### Is white or black text more readable on #02504c?

White text reads better on #02504c: white gives a contrast ratio of 9.32:1 and black gives 2.25:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #02504c a warm or cool color?

#02504c is a cool color. In OKLCH its hue is 189 degrees, its lightness 38.9% and its chroma 0.067.