Pine color: hex codes, shades and palettes

Palettes built around pine. Click any swatch to copy its hex code.

A very dark blue-leaning green. Reads as almost black in small amounts, which makes it a good alternative to charcoal in a natural palette.

#BC704E

#9B6F4E

#644721

#9B7B32

#395231

#4E7255

#65947F

#54C19D

#9CB798

#7B9D7F

#49895C

#247049

#ADCCA9

#557B62

#5F804B

#8E5491

#2D5539

#5ECDA9

#93C68F

#D9A9DB

#A6614A

#975E11

#E2C67A

#747933

#4C640C

#3C752F

#C7D09B

#816298

#EB9374

#77482C

#CD8441

#D3A363

#7C4118

#C98A5B

#C9704D

#7AA4B7

#C4A28D

#AD7F56

#82663B

#5E4C1A

#6C782C

#3E550B

#7E8056

#6F70B4

#73490B

#AF9B74

#988857

#8F8A5E

#91AE93

#8BB495

#7AA357

#CDABE6

#6C4E08

#80753C

#A29B3D

#AFC777

#A3C179

#89A275

#628B49

#47703A

#6C3A0C

#85674B

#BF893D

#D4BA92

#CB9879

#B89970

#CDBF97

#9FA449

#676600

#74851B

#89A144

#9DBC8C

#657D4F

#255E36

#377A65

#178883

#4AA079

#06A179

#538B52

#DFB9CC

#D59290

#CE8B67

#C3892A

#534C10

#A98F2E

#9E923E

#9D7010

#98CEF7

#B28228

#CBC17E

#65764B

#488252

#567138

#587252

#474C28

#795771

Pine hex, RGB, HSL and OKLCH

#2E4A3D

HEX: #2E4A3D
RGB: rgb(46, 74, 61)
HSL: hsl(152, 23%, 24%)
OKLCH: oklch(38.2% 0.041 163.7)
On white: 9.71:1
On black: 2.16:1

Shades of pine

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Pine on white measures 9.71:1 and on black 2.16:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.19:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:sage, forest green, moss, juniper. See every shade on the colors index.

Pine color: hex codes, shades and palettes

No pine palettes yet

Pine hex, RGB, HSL and OKLCH

Shades of pine

Contrast and readability