#245233

Accessibility

AAA

9.01:1

Vs white / black

9.01:1 · 2.33:1

Sources

Library color

Click any stop to open

Codes

Formats

HEX

#245233

RGB

rgb(36, 82, 51)

RGBA

rgba(36, 82, 51, 1)

HSL

hsl(140, 39%, 23%)

HSV

hsv(140, 56%, 32%)

LAB

lab(30.99% -23.81 13.52)

LCH

lch(30.99% 27.38 150.41)

OKLAB

oklab(0.3968 -0.0648 0.034)

OKLCH

oklch(0.3968 0.0732 152.31)

XYZ

xyz(4.34, 6.65, 4.19)

CMYK

cmyk(56%, 0%, 38%, 68%)

CSS

color: #245233;

CSS variable

--color-245233: #245233;

SCSS

$color-245233: #245233;

Tailwind

emerald-700

Export

Developer code

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

Palette

Tints & shades

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

edf1ee dbe2dd c8d4cc b6c5bb a4b7aa 92a999 7f9a88 6d8c77 5b7d66 496f55 366044 245233 214b2f 1e442b 1b3e26 183722 15301e 12291a 0f2215 0c1b11 09150d 060e08 030704

Palette

Tints

Mixed toward white — soft backgrounds and highlights

edf1ee dbe2dd c8d4cc b6c5bb a4b7aa 92a999 7f9a88 6d8c77 5b7d66 496f55 366044

Palette

Shades

Mixed toward black — depth, text, and emphasis

214b2f 1e442b 1b3e26 183722 15301e 12291a 0f2215 0c1b11 09150d 060e08 030704

Palette

Tones

Mixed toward neutral grey — muted UI surfaces

2c5639 335a40 3b5e46 43614d 4a6553 52695a 5a6d60 617166 69756d 717873 787c7a

Harmony

Complementary

Opposite on the color wheel for contrast

#245233Stop 1 #522442Stop 2

Harmony

Analogous

Neighbors that sit comfortably together

#2B5224Stop 1 #245233Stop 2 #24524AStop 3

Harmony

Triadic

Evenly spaced triad for vibrant sets

#245233Stop 1 #332452Stop 2 #523324Stop 3

Harmony

Split complementary

Base plus two accents beside the complement

#245233Stop 1 #4A2452Stop 2 #52242BStop 3

Harmony

Monochromatic

Same hue, varied lightness and saturation

#1F472CStop 1 #367C4EStop 2 #4EB16FStop 3 #83C99AStop 4 #B8E0C5Stop 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

Tailwind green 900#14532D Material Teal 900#004D40 Spectrum #286755#286755 Spectrum #266E54#266E54 Web Safe #336633#336633 Spectrum #2C6357#2C6357 Spectrum #22724E#22724E Spectrum #357347#357347 Tailwind green 800#166534 Tailwind green 950#052E16 Spectrum #35795A#35795A Spectrum #336B34#336B34