tailwind / lime

600

#65A30D

bg-lime-600

Color Codes

HEX#65A30D
RGBrgb(101, 163, 13)
HSLhsl(85, 85%, 35%)
OKLCHoklch(64.8% 0.1754 131.7)
R101
G163
B13
Hue85°
Saturation85%
Lightness35%
OKL64.8%
Chroma0.1754

Tailwind Classes

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

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 Lime

lime-500#84cc16
lime-700#4d7c0f
lime-400#a3e635
lime-800#3f6212
lime-300#bef264
lime-900#365314

Complementary ColorsColors opposite on the hue wheel

violet-700#6d28d9
violet-600#7c3aed
purple-300#d8b4fe
purple-400#c084fc
purple-500#a855f7
purple-600#9333ea
violet-500#8b5cf6
purple-700#7e22ce

Full Lime Palette

50#f7fee7100#ecfccb200#d9f99d300#bef264400#a3e635500#84cc16600#65a30d700#4d7c0f800#3f6212900#365314950#1a2e05