#336248

Accessibility

AAA

7.04:1

Vs white / black

7.04:1 · 2.98:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#336248

RGB

rgb(51, 98, 72)

RGBA

rgba(51, 98, 72, 1)

HSL

hsl(147, 32%, 29%)

HSV

hsv(147, 48%, 38%)

LAB

lab(37.67% -22.75 9.91)

LCH

lch(37.67% 24.81 156.46)

OKLAB

oklab(0.4547 -0.0626 0.0253)

OKLCH

oklch(0.4547 0.0675 157.99)

XYZ

xyz(6.90, 9.91, 7.68)

CMYK

cmyk(48%, 0%, 27%, 62%)

CSS

color: #336248;

CSS variable

--color-336248: #336248;

SCSS

$color-336248: #336248;

Tailwind

emerald-700

Export

Developer code

:root {
  --#336248-1: #336248;
}

Palette

Tints & shades

Full scale from light tints through the base color into deep shades

eef2f0 dde5e1 ccd8d1 bbcbc2 aabeb3 99b1a4 88a394 779685 668976 557c67 446f57 336248 2f5a42 2b523c 264a36 224130 1e392a 1a3124 15291e 112118 0d1912 08100c 040806

Palette

Tints

Mixed toward white — soft backgrounds and highlights

eef2f0 dde5e1 ccd8d1 bbcbc2 aabeb3 99b1a4 88a394 779685 668976 557c67 446f57

Palette

Shades

Mixed toward black — depth, text, and emphasis

2f5a42 2b523c 264a36 224130 1e392a 1a3124 15291e 112118 0d1912 08100c 040806

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

39654d 406751 466a56 4d6c5b 536f5f 5a7164 607469 66766d 6d7972 737b77 7a7e7b

Harmony

Complementary

Opposite on the color wheel for contrast

#336248Stop 1 #62324CStop 2

Harmony

Analogous

Neighbors that sit comfortably together

#356232Stop 1 #336248Stop 2 #32625FStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#336248Stop 1 #483262Stop 2 #624832Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#336248Stop 1 #5F3262Stop 2 #623235Stop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#234331Stop 1 #3D7656Stop 2 #57A87BStop 3 #89C2A3Stop 4 #BCDCCAStop 5

Meaning

Color psychology

Growth, nature, and success. Strong for finance positives, eco brands, and health.

Common uses: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.

Similar & related colors

Nearby colors from the library by perceptual distance

Spectrum #286755#286755 Spectrum #266E54#266E54 Spectrum #2C6357#2C6357 Spectrum #35795A#35795A Tailwind green 900#14532D Material Teal 800#00695C Spectrum #22724E#22724E Material Teal 900#004D40 Spectrum #357347#357347 Spectrum #227768#227768 Spectrum #25746C#25746C Web Safe #336633#336633