Tailwind 4 Yellow

11 Colors
950

oklch(.286 .066 53.813)

#432004

rgb(67, 32, 4)

hsl(26.16, 87.52%, 13.96%)

yellow-950

900

oklch(.421 .095 57.708)

#733e0a

rgb(115, 62, 10)

hsl(29.52, 83.35%, 24.57%)

yellow-900

800

oklch(.476 .114 61.907)

#894b00

rgb(137, 75, 0)

hsl(34.56, 100%, 24.91%)

yellow-800

700

oklch(.554 .135 66.442)

#a65f00

rgb(166, 95, 0)

hsl(38.01, 100%, 27.21%)

yellow-700

600

oklch(.681 .162 75.834)

#d08700

rgb(208, 135, 0)

hsl(42.71, 100%, 31.8%)

yellow-600

500

oklch(.795 .184 86.047)

#f0b100

rgb(240, 177, 0)

hsl(47.3, 100%, 35.46%)

yellow-500

400

oklch(.852 .199 91.936)

#fdc700

rgb(253, 199, 0)

hsl(49.97, 100%, 36.19%)

yellow-400

300

oklch(.905 .182 98.111)

#ffdf20

rgb(255, 223, 32)

hsl(51.29, 100%, 56.47%)

yellow-300

200

oklch(.945 .129 101.54)

#fff085

rgb(255, 240, 133)

hsl(52.74, 99.45%, 76.08%)

yellow-200

100

oklch(.973 .071 103.193)

#fef9c2

rgb(254, 249, 194)

hsl(54.89, 97.52%, 87.84%)

yellow-100

50

oklch(.987 .026 102.212)

#fefce8

rgb(254, 252, 232)

hsl(54.55, 90.61%, 95.28%)

yellow-50