tailwind / green

200

#BBF7D0

bg-green-200

Color Codes

HEX#BBF7D0
RGBrgb(187, 247, 208)
HSLhsl(141, 79%, 85%)
OKLCHoklch(92.5% 0.0805 156.1)
R187
G247
B208
Hue141°
Saturation79%
Lightness85%
OKL92.5%
Chroma0.0805

Tailwind Classes

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

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-100#dcfce7
green-300#86efac
green-50#f0fdf4
green-400#4ade80
green-500#22c55e
green-600#16a34a

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
fuchsia-700#a21caf
rose-600#e11d48

Full Green Palette

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