# #228a67 color: Elf

#228a67 is rgb(34, 138, 103) in RGB and oklch(56.66% 0.10742 165.486) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/228a67

## Formats

| Format | Value |
| --- | --- |
| HEX | #228a67 |
| RGB | rgb(34, 138, 103) |
| HSL | hsl(159.81, 60.47%, 33.73%) |
| HSB / HSV | hsv(159.81 75.36% 54.12%) |
| HWB | hwb(159.81 13.33% 45.88%) |
| CMYK | cmyk(75% 0% 25% 46%) |
| Lab | lab(51.15 -36.88 10.09) |
| LCH | lch(51.15 38.24 164.7) |
| OKLab | oklab(56.66% -0.10399 0.02692) |
| OKLCH | oklch(56.66% 0.10742 165.486) |
| Display P3 | color(display-p3 0.26776 0.53338 0.41301) |
| Rec. 2020 | color(rec2020 0.29004 0.4751 0.36045) |
| Adobe RGB | color(a98-rgb 0.32396 0.5364 0.40969) |
| ProPhoto RGB | color(prophoto-rgb 0.29552 0.43919 0.34539) |
| Linear sRGB | color(srgb-linear 0.016 0.25415 0.13563) |
| XYZ D65 | color(xyz-d65 0.12196 0.19495 0.15953) |
| XYZ D50 | color(xyz-d50 0.12427 0.19398 0.12175) |
| SwiftUI | Color(red: 0.133, green: 0.541, blue: 0.404) |
| UIKit | UIColor(red: 0.133, green: 0.541, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFF228A67) |
| Android XML | #228A67 |

## Facts

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

## Tints

#228a67, #419575, #59a184, #6fad92, #84b8a1, #99c4b0, #add0c0, #c2dbcf, #d6e7df, #eaf3ef

## Shades

#228a67, #1c7759, #16654b, #11533d, #0b4230, #073223, #032217, #01140c, #000704, #000100

## Tones

#228a67, #328869, #3e866a, #48856c, #50836d, #58816f, #5f7f70, #657d72, #6b7b73, #717875

## Harmonies

- Complementary: #228a67, #a35b84
- Split: #228a67, #8e62a1, #ac5a61
- Analogous: #228a67, #598441, #00898a
- Triadic: #228a67, #716cb3, #aa603d
- Tetradic: #228a67, #0283a6, #a35b84, #aa603d
- Square: #228a67, #4978b4, #a35b84, #9b6c1e
- Monochromatic: #228a67, #004229, #006646, #4faf8a, #77d6af

## Questions about #228a67

### What color is #228a67?

#228a67 is bright emerald. The closest named color is Elf. In RGB it is rgb(34, 138, 103), in HSL hsl(159.81, 60.47%, 33.73%) and in OKLCH oklch(56.66% 0.10742 165.486).

### What colors go well with #228a67?

The complementary color of #228a67 is #a35b84. For a calmer combination use the analogous colors #598441 and #00898a. The triadic partners are #716cb3 and #aa603d.

### Is white or black text more readable on #228a67?

White text reads better on #228a67: white gives a contrast ratio of 4.29:1 and black gives 4.9:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #228a67 a warm or cool color?

#228a67 is a cool color. In OKLCH its hue is 165 degrees, its lightness 56.7% and its chroma 0.107.