# #378e75 color: Illuminating Emerald

#378e75 is rgb(55, 142, 117) in RGB and oklch(58.694% 0.09222 171.038) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/378e75

## Formats

| Format | Value |
| --- | --- |
| HEX | #378e75 |
| RGB | rgb(55, 142, 117) |
| HSL | hsl(162.76, 44.16%, 38.63%) |
| HSB / HSV | hsv(162.76 61.27% 55.69%) |
| HWB | hwb(162.76 21.57% 44.31%) |
| CMYK | cmyk(61% 0% 18% 44%) |
| Lab | lab(53.3 -32.03 5.23) |
| LCH | lch(53.3 32.45 170.73) |
| OKLab | oklab(58.694% -0.09109 0.01437) |
| OKLCH | oklch(58.694% 0.09222 171.038) |
| Display P3 | color(display-p3 0.31224 0.54953 0.46398) |
| Rec. 2020 | color(rec2020 0.32528 0.49339 0.41358) |
| Adobe RGB | color(a98-rgb 0.3579 0.55182 0.46049) |
| ProPhoto RGB | color(prophoto-rgb 0.32811 0.45781 0.3933) |
| Linear sRGB | color(srgb-linear 0.0382 0.2705 0.17789) |
| XYZ D65 | color(xyz-d65 0.14459 0.21442 0.20207) |
| XYZ D50 | color(xyz-d50 0.14629 0.2132 0.15382) |
| SwiftUI | Color(red: 0.216, green: 0.557, blue: 0.459) |
| UIKit | UIColor(red: 0.216, green: 0.557, blue: 0.459, alpha: 1) |
| Flutter / Compose | Color(0xFF378E75) |
| Android XML | #378E75 |

## Facts

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

## Tints

#378e75, #4f9982, #64a48f, #78af9c, #8bbaaa, #9fc6b8, #b2d1c6, #c5dcd4, #d8e8e2, #ecf3f0

## Shades

#378e75, #2e7b65, #266855, #1e5646, #164437, #0f3429, #08241c, #03150f, #010705, #000101

## Tones

#378e75, #428c76, #4b8b76, #538977, #5a8778, #618679, #678479, #6d827a, #72807b, #777e7b

## Harmonies

- Complementary: #378e75, #a66583
- Split: #378e75, #956a9e, #ac6564
- Analogous: #378e75, #5d8a56, #208c93
- Triadic: #378e75, #7d72af, #a86c48
- Tetradic: #378e75, #3986a9, #a66583, #a86c48
- Square: #378e75, #5d7cb3, #a66583, #987636
- Monochromatic: #378e75, #004833, #006a53, #5fb399, #85dabe

## Questions about #378e75

### What color is #378e75?

#378e75 is bright emerald. The closest named color is Illuminating Emerald. In RGB it is rgb(55, 142, 117), in HSL hsl(162.76, 44.16%, 38.63%) and in OKLCH oklch(58.694% 0.09222 171.038).

### What colors go well with #378e75?

The complementary color of #378e75 is #a66583. For a calmer combination use the analogous colors #5d8a56 and #208c93. The triadic partners are #7d72af and #a86c48.

### Is white or black text more readable on #378e75?

White text reads better on #378e75: white gives a contrast ratio of 3.97:1 and black gives 5.29:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #378e75 a warm or cool color?

#378e75 is a cool color. In OKLCH its hue is 171 degrees, its lightness 58.7% and its chroma 0.092.