tailwind / yellow

950

#422006

bg-yellow-950

Color Codes

HEX#422006
RGBrgb(66, 32, 6)
HSLhsl(26, 83%, 14%)
OKLCHoklch(28.6% 0.0639 53.8)
R66
G32
B6
Hue26°
Saturation83%
Lightness14%
OKL28.6%
Chroma0.0639

Tailwind Classes

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

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-900#713f12
yellow-800#854d0e
yellow-700#a16207
yellow-600#ca8a04
yellow-500#eab308
yellow-400#facc15

Complementary ColorsColors opposite on the hue wheel

sky-700#0369a1
sky-600#0284c7
blue-300#93c5fd
slate-300#cbd5e1
sky-300#7dd3fc
sky-500#0ea5e9
blue-400#60a5fa
sky-400#38bdf8

Full Yellow Palette

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