# #308e76 color: Illuminating Emerald

#308e76 is rgb(48, 142, 118) in RGB and oklch(58.505% 0.09524 172.686) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/308e76

## Formats

| Format | Value |
| --- | --- |
| HEX | #308e76 |
| RGB | rgb(48, 142, 118) |
| HSL | hsl(164.68, 49.47%, 37.25%) |
| HSB / HSV | hsv(164.68 66.2% 55.69%) |
| HWB | hwb(164.68 18.82% 44.31%) |
| CMYK | cmyk(66% 0% 17% 44%) |
| Lab | lab(53.11 -33.24 4.36) |
| LCH | lch(53.11 33.53 172.53) |
| OKLab | oklab(58.505% -0.09447 0.01213) |
| OKLCH | oklch(58.505% 0.09524 172.686) |
| Display P3 | color(display-p3 0.29816 0.54926 0.46733) |
| Rec. 2020 | color(rec2020 0.31682 0.4928 0.41708) |
| Adobe RGB | color(a98-rgb 0.34809 0.55182 0.4641) |
| ProPhoto RGB | color(prophoto-rgb 0.32249 0.45702 0.39645) |
| Linear sRGB | color(srgb-linear 0.02956 0.2705 0.18116) |
| XYZ D65 | color(xyz-d65 0.14161 0.21282 0.20502) |
| XYZ D50 | color(xyz-d50 0.14299 0.21147 0.15604) |
| SwiftUI | Color(red: 0.188, green: 0.557, blue: 0.463) |
| UIKit | UIColor(red: 0.188, green: 0.557, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFF308E76) |
| Android XML | #308E76 |

## Facts

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

## Tints

#308e76, #4a9983, #60a490, #75af9d, #89bbab, #9dc6b8, #b0d1c6, #c4ddd4, #d8e8e2, #ebf3f0

## Shades

#308e76, #287b66, #216856, #1a5647, #134438, #0c3429, #06241c, #03150f, #010705, #000101

## Tones

#308e76, #3c8c77, #478b77, #4f8978, #578778, #5e8579, #658479, #6b827a, #71807b, #767e7b

## Harmonies

- Complementary: #308e76, #a76381
- Split: #308e76, #97689d, #ad6461
- Analogous: #308e76, #598a55, #168c94
- Triadic: #308e76, #7e71af, #a86b44
- Tetradic: #308e76, #3785ab, #a76381, #a86b44
- Square: #308e76, #5d7bb5, #a76381, #977632
- Monochromatic: #308e76, #004734, #006a54, #59b39a, #80dabf

## Questions about #308e76

### What color is #308e76?

#308e76 is bright teal. The closest named color is Illuminating Emerald. In RGB it is rgb(48, 142, 118), in HSL hsl(164.68, 49.47%, 37.25%) and in OKLCH oklch(58.505% 0.09524 172.686).

### What colors go well with #308e76?

The complementary color of #308e76 is #a76381. For a calmer combination use the analogous colors #598a55 and #168c94. The triadic partners are #7e71af and #a86b44.

### Is white or black text more readable on #308e76?

White text reads better on #308e76: white gives a contrast ratio of 4:1 and black gives 5.26:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #308e76 a warm or cool color?

#308e76 is a cool color. In OKLCH its hue is 173 degrees, its lightness 58.5% and its chroma 0.095.