# #367f63 color: Trans Tasman

#367f63 is rgb(54, 127, 99) in RGB and oklch(54.184% 0.08593 165.386) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/367f63

## Formats

| Format | Value |
| --- | --- |
| HEX | #367f63 |
| RGB | rgb(54, 127, 99) |
| HSL | hsl(156.99, 40.33%, 35.49%) |
| HSB / HSV | hsv(156.99 57.48% 49.8%) |
| HWB | hwb(156.99 21.18% 50.2%) |
| CMYK | cmyk(57% 0% 22% 50%) |
| Lab | lab(48 -29.25 8.1) |
| LCH | lch(48 30.35 164.52) |
| OKLab | oklab(54.184% -0.08315 0.02168) |
| OKLCH | oklch(54.184% 0.08593 165.386) |
| Display P3 | color(display-p3 0.28923 0.49167 0.39531) |
| Rec. 2020 | color(rec2020 0.28799 0.43247 0.34119) |
| Adobe RGB | color(a98-rgb 0.32918 0.49419 0.3932) |
| ProPhoto RGB | color(prophoto-rgb 0.28911 0.40039 0.32681) |
| Linear sRGB | color(srgb-linear 0.03689 0.21223 0.12477) |
| XYZ D65 | color(xyz-d65 0.11362 0.16863 0.14461) |
| XYZ D50 | color(xyz-d50 0.11568 0.16792 0.11022) |
| SwiftUI | Color(red: 0.212, green: 0.498, blue: 0.388) |
| UIKit | UIColor(red: 0.212, green: 0.498, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFF367F63) |
| Android XML | #367F63 |

## Facts

- Closest name: Trans Tasman
- Hue family: Emerald, bright emerald
- Closest Tailwind class: teal-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.8:1
- Contrast with black: 4.37:1

## Tints

#367f63, #4c8b71, #619880, #75a48f, #88b19e, #9cbeae, #afcbbe, #c3d8ce, #d7e5de, #ebf2ee

## Shades

#367f63, #2e6e55, #255d47, #1e4c3a, #163c2e, #0f2d21, #081f16, #03110b, #010603, #000100

## Tones

#367f63, #3e7e64, #467c65, #4c7b67, #527968, #587769, #5d766a, #62746c, #66736d, #6b716e

## Harmonies

- Complementary: #367f63, #935a7a
- Split: #367f63, #825f91, #9b5a5f
- Analogous: #367f63, #597b47, #1a7f7f
- Triadic: #367f63, #6a689f, #995e44
- Tetradic: #367f63, #2b7995, #935a7a, #995e44
- Square: #367f63, #4c71a1, #935a7a, #8c6830
- Monochromatic: #367f63, #003b23, #065c42, #5ca486, #81caab

## Questions about #367f63

### What color is #367f63?

#367f63 is bright emerald. The closest named color is Trans Tasman. In RGB it is rgb(54, 127, 99), in HSL hsl(156.99, 40.33%, 35.49%) and in OKLCH oklch(54.184% 0.08593 165.386).

### What colors go well with #367f63?

The complementary color of #367f63 is #935a7a. For a calmer combination use the analogous colors #597b47 and #1a7f7f. The triadic partners are #6a689f and #995e44.

### Is white or black text more readable on #367f63?

White text reads better on #367f63: white gives a contrast ratio of 4.8:1 and black gives 4.37:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #367f63 a warm or cool color?

#367f63 is a cool color. In OKLCH its hue is 165 degrees, its lightness 54.2% and its chroma 0.086.