tailwind / green

700

#15803D

bg-green-700

Color Codes

HEX#15803D
RGBrgb(21, 128, 61)
HSLhsl(142, 72%, 29%)
OKLCHoklch(52.7% 0.1371 150.1)
R21
G128
B61
Hue142°
Saturation72%
Lightness29%
OKL52.7%
Chroma0.1371

Tailwind Classes

Backgroundbg-green-700
Texttext-green-700
Borderborder-green-700
Ringring-green-700
Outlineoutline-green-700
Shadowshadow-green-700
Caretcaret-green-700
Accentaccent-green-700
Fillfill-green-700
Strokestroke-green-700
From (gradient)from-green-700
To (gradient)to-green-700

UI Previews

Solid Button
Outlined Button
Ghost Button
Badge / Tag
New FeatureBeta
Text on White

The quick brown fox

jumps over the lazy dog — 0123456789

Text on Dark

The quick brown fox

jumps over the lazy dog — 0123456789

Card Header
Dashboard Overview

Monthly active users increased by 24% this quarter.

Alert / Banner
●Your changes have been saved successfully.
Progress Bar
68%
Input / Focus Ring
Gradient (to white)
Gradient (to black)

Similar ColorsOther shades of Green

green-600#16a34a
green-800#166534
green-500#22c55e
green-900#14532d
green-950#052e16
green-400#4ade80

Complementary ColorsColors opposite on the hue wheel

pink-300#f9a8d4
pink-400#f472b6
pink-500#ec4899
pink-600#db2777
pink-700#be185d
rose-700#be123c
rose-600#e11d48
fuchsia-700#a21caf

Full Green Palette

50#f0fdf4100#dcfce7200#bbf7d0300#86efac400#4ade80500#22c55e600#16a34a700#15803d800#166534900#14532d950#052e16