tailwind / yellow

600

#CA8A04

bg-yellow-600

Color Codes

HEX#CA8A04
RGBrgb(202, 138, 4)
HSLhsl(41, 96%, 40%)
OKLCHoklch(68.1% 0.1422 75.8)
R202
G138
B4
Hue41°
Saturation96%
Lightness40%
OKL68.1%
Chroma0.1422

Tailwind Classes

Backgroundbg-yellow-600
Texttext-yellow-600
Borderborder-yellow-600
Ringring-yellow-600
Outlineoutline-yellow-600
Shadowshadow-yellow-600
Caretcaret-yellow-600
Accentaccent-yellow-600
Fillfill-yellow-600
Strokestroke-yellow-600
From (gradient)from-yellow-600
To (gradient)to-yellow-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 Yellow

yellow-500#eab308
yellow-700#a16207
yellow-400#facc15
yellow-800#854d0e
yellow-300#fde047
yellow-900#713f12

Complementary ColorsColors opposite on the hue wheel

blue-600#2563eb
gray-500#6b7280
gray-400#9ca3af
blue-700#1d4ed8
gray-700#374151
blue-500#3b82f6
gray-300#d1d5db
slate-400#94a3b8

Full Yellow Palette

50#fefce8100#fef9c3200#fef08a300#fde047400#facc15500#eab308600#ca8a04700#a16207800#854d0e900#713f12950#422006