Tailwind CSS

Rose

11 shades · 50 – 950

50100200300400500600700800900950

rose-100#ffe4e6

rose-200#fecdd3

rose-300#fda4af

rose-400#fb7185

rose-500#f43f5e

rose-600#e11d48

rose-700#be123c

rose-800#9f1239

rose-900#881337

rose-950#4c0519

All Values

ShadeClassHEXRGBHSL

50bg-rose-50#FFF1F2255, 241, 242356° 100% 97%100bg-rose-100#FFE4E6255, 228, 230356° 100% 95%200bg-rose-200#FECDD3254, 205, 211353° 96% 90%300bg-rose-300#FDA4AF253, 164, 175353° 96% 82%400bg-rose-400#FB7185251, 113, 133351° 95% 71%500bg-rose-500#F43F5E244, 63, 94350° 89% 60%600bg-rose-600#E11D48225, 29, 72347° 77% 50%700bg-rose-700#BE123C190, 18, 60345° 83% 41%800bg-rose-800#9F1239159, 18, 57343° 80% 35%900bg-rose-900#881337136, 19, 55342° 75% 30%950bg-rose-950#4C051976, 5, 25343° 88% 16%

Other Families