# #307e52 color: Canadian Pine

#307e52 is rgb(48, 126, 82) in RGB and oklch(53.265% 0.10364 155.531) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/307e52

## Formats

| Format | Value |
| --- | --- |
| HEX | #307e52 |
| RGB | rgb(48, 126, 82) |
| HSL | hsl(146.15, 44.83%, 34.12%) |
| HSB / HSV | hsv(146.15 61.9% 49.41%) |
| HWB | hwb(146.15 18.82% 50.59%) |
| CMYK | cmyk(62% 0% 35% 51%) |
| Lab | lab(47.14 -33.15 16.63) |
| LCH | lch(47.14 37.09 153.36) |
| OKLab | oklab(53.265% -0.09433 0.04293) |
| OKLCH | oklch(53.265% 0.10364 155.531) |
| Display P3 | color(display-p3 0.27474 0.48754 0.33616) |
| Rec. 2020 | color(rec2020 0.27435 0.4273 0.28079) |
| Adobe RGB | color(a98-rgb 0.31815 0.49037 0.33371) |
| ProPhoto RGB | color(prophoto-rgb 0.27262 0.39458 0.27526) |
| Linear sRGB | color(srgb-linear 0.02956 0.20864 0.08438) |
| XYZ D65 | color(xyz-d65 0.10202 0.16159 0.10564) |
| XYZ D50 | color(xyz-d50 0.10532 0.16126 0.08092) |
| SwiftUI | Color(red: 0.188, green: 0.494, blue: 0.322) |
| UIKit | UIColor(red: 0.188, green: 0.494, blue: 0.322, alpha: 1) |
| Flutter / Compose | Color(0xFF307E52) |
| Android XML | #307E52 |

## Facts

- Closest name: Canadian Pine
- Hue family: Emerald, bright emerald
- Closest Tailwind class: emerald-700
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.96:1
- Contrast with black: 4.23:1

## Tints

#307e52, #488b62, #5d9772, #71a483, #85b194, #99bda5, #adcab7, #c2d7c8, #d6e4da, #eaf2ed

## Shades

#307e52, #286d46, #215c3b, #1a4c2f, #133c25, #0c2d1a, #061f11, #031108, #010502, #000100

## Tones

#307e52, #397c55, #417b58, #48795a, #4e785d, #547660, #5a7462, #5f7265, #637067, #686e6a

## Harmonies

- Complementary: #307e52, #915484
- Split: #307e52, #7b5c9c, #9e5164
- Analogous: #307e52, #5e772e, #007f75
- Triadic: #307e52, #5c66a8, #9f5541
- Tetradic: #307e52, #007b92, #915484, #9f5541
- Square: #307e52, #3172a5, #915484, #955f20
- Monochromatic: #307e52, #003914, #005b31, #56a374, #7cc999

## Questions about #307e52

### What color is #307e52?

#307e52 is bright emerald. The closest named color is Canadian Pine. In RGB it is rgb(48, 126, 82), in HSL hsl(146.15, 44.83%, 34.12%) and in OKLCH oklch(53.265% 0.10364 155.531).

### What colors go well with #307e52?

The complementary color of #307e52 is #915484. For a calmer combination use the analogous colors #5e772e and #007f75. The triadic partners are #5c66a8 and #9f5541.

### Is white or black text more readable on #307e52?

White text reads better on #307e52: white gives a contrast ratio of 4.96:1 and black gives 4.23:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #307e52 a warm or cool color?

#307e52 is a cool color. In OKLCH its hue is 156 degrees, its lightness 53.3% and its chroma 0.104.