# #307d4e color: Canadian Pine

#307d4e is rgb(48, 125, 78) in RGB and oklch(52.902% 0.10616 153.694) in OKLCH. Every other format, shade and contrast value is below.

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

## Formats

| Format | Value |
| --- | --- |
| HEX | #307d4e |
| RGB | rgb(48, 125, 78) |
| HSL | hsl(143.38, 44.51%, 33.92%) |
| HSB / HSV | hsv(143.38 61.6% 49.02%) |
| HWB | hwb(143.38 18.82% 50.98%) |
| CMYK | cmyk(62% 0% 38% 51%) |
| Lab | lab(46.74 -33.36 18.36) |
| LCH | lch(46.74 38.08 151.18) |
| OKLab | oklab(52.902% -0.09516 0.04704) |
| OKLCH | oklch(52.902% 0.10616 153.694) |
| Display P3 | color(display-p3 0.27332 0.48369 0.32221) |
| Rec. 2020 | color(rec2020 0.27152 0.42319 0.26661) |
| Adobe RGB | color(a98-rgb 0.31633 0.48655 0.3198) |
| ProPhoto RGB | color(prophoto-rgb 0.26895 0.39067 0.26335) |
| Linear sRGB | color(srgb-linear 0.02956 0.20508 0.07619) |
| XYZ D65 | color(xyz-d65 0.09927 0.15845 0.09743) |
| XYZ D50 | color(xyz-d50 0.10278 0.15821 0.07472) |
| SwiftUI | Color(red: 0.188, green: 0.49, blue: 0.306) |
| UIKit | UIColor(red: 0.188, green: 0.49, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFF307D4E) |
| Android XML | #307D4E |

## Facts

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

## Tints

#307d4e, #478a5f, #5d966f, #71a380, #85b092, #99bda3, #adcab5, #c1d7c7, #d6e4d9, #eaf2ec

## Shades

#307d4e, #286c43, #215b38, #1a4b2d, #133b23, #0c2c19, #061e0f, #031107, #010502, #000100

## Tones

#307d4e, #397b51, #417a54, #487857, #4e775a, #53755d, #597360, #5e7163, #636f66, #676d69

## Harmonies

- Complementary: #307d4e, #905285
- Split: #307d4e, #795b9d, #9d4f65
- Analogous: #307d4e, #5f7528, #007f72
- Triadic: #307d4e, #5866a9, #9f5241
- Tetradic: #307d4e, #007a90, #905285, #9f5241
- Square: #307d4e, #2a71a4, #905285, #965c1d
- Monochromatic: #307d4e, #00380f, #005a2d, #56a270, #7cc895

## Questions about #307d4e

### What color is #307d4e?

#307d4e is bright green. The closest named color is Canadian Pine. In RGB it is rgb(48, 125, 78), in HSL hsl(143.38, 44.51%, 33.92%) and in OKLCH oklch(52.902% 0.10616 153.694).

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

The complementary color of #307d4e is #905285. For a calmer combination use the analogous colors #5f7528 and #007f72. The triadic partners are #5866a9 and #9f5241.

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

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

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

#307d4e is a cool color. In OKLCH its hue is 154 degrees, its lightness 52.9% and its chroma 0.106.