# #338a67 color: Exquisite Emerald

#338a67 is rgb(51, 138, 103) in RGB and oklch(57.119% 0.09996 163.385) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #338a67 |
| RGB | rgb(51, 138, 103) |
| HSL | hsl(155.86, 46.03%, 37.06%) |
| HSB / HSV | hsv(155.86 63.04% 54.12%) |
| HWB | hwb(155.86 20% 45.88%) |
| CMYK | cmyk(63% 0% 25% 46%) |
| Lab | lab(51.59 -33.81 10.77) |
| LCH | lch(51.59 35.48 162.33) |
| OKLab | oklab(57.119% -0.09578 0.02858) |
| OKLCH | oklch(57.119% 0.09996 163.385) |
| Display P3 | color(display-p3 0.2982 0.53394 0.41341) |
| Rec. 2020 | color(rec2020 0.30839 0.47639 0.36085) |
| Adobe RGB | color(a98-rgb 0.34466 0.5364 0.40969) |
| ProPhoto RGB | color(prophoto-rgb 0.30862 0.44099 0.34577) |
| Linear sRGB | color(srgb-linear 0.0331 0.25415 0.13563) |
| XYZ D65 | color(xyz-d65 0.12901 0.19859 0.15986) |
| XYZ D50 | color(xyz-d50 0.13173 0.19779 0.12199) |
| SwiftUI | Color(red: 0.2, green: 0.541, blue: 0.404) |
| UIKit | UIColor(red: 0.2, green: 0.541, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFF338A67) |
| Android XML | #338A67 |

## Facts

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

## Tints

#338a67, #4b9575, #61a184, #75ac92, #89b8a1, #9dc4b0, #b0cfc0, #c4dbcf, #d7e7df, #ebf3ef

## Shades

#338a67, #2b7759, #23654b, #1c533d, #144230, #0d3223, #072217, #03140c, #010704, #000100

## Tones

#338a67, #3e8869, #47876a, #4f856c, #56836e, #5c816f, #627f71, #687e73, #6e7c74, #737a76

## Harmonies

- Complementary: #338a67, #a05f87
- Split: #338a67, #8d65a1, #aa5e66
- Analogous: #338a67, #608445, #008a88
- Triadic: #338a67, #706fb1, #a86345
- Tetradic: #338a67, #1b84a3, #a05f87, #a86345
- Square: #338a67, #4b7ab1, #a05f87, #9b6e2b
- Monochromatic: #338a67, #004427, #006646, #5baf8a, #81d6af

## Questions about #338a67

### What color is #338a67?

#338a67 is bright emerald. The closest named color is Exquisite Emerald. In RGB it is rgb(51, 138, 103), in HSL hsl(155.86, 46.03%, 37.06%) and in OKLCH oklch(57.119% 0.09996 163.385).

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

The complementary color of #338a67 is #a05f87. For a calmer combination use the analogous colors #608445 and #008a88. The triadic partners are #706fb1 and #a86345.

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

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

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

#338a67 is a cool color. In OKLCH its hue is 163 degrees, its lightness 57.1% and its chroma 0.1.