| Level | HEX | RGB | HSL |
|---|---|---|---|
50 | #F8FAFC | rgb(248,250,252) | hsl(210,40%,98%) |
100 | #F1F5F9 | rgb(241,245,249) | hsl(210,40%,96.1%) |
200 | #E2E8F0 | rgb(226,232,240) | hsl(214.3,31.8%,91.4%) |
300 | #CBD5E1 | rgb(203,213,225) | hsl(212.7,26.8%,83.9) |
400 | #94A3B8 | rgb(148,163,184) | hsl(215,20.2%,65.1%) |
500 | #64748B | rgb(100,116,139) | hsl(215.4,16.3%,46.9%) |
600 | #475569 | rgb(71,85,105) | hsl(215.3,19.3%,34.5%) |
700 | #334155 | rgb(51,65,85) | hsl(215.3,25%,26.7%) |
800 | #1E293B | rgb(30,41,59) | hsl(217.2,32.6%,17.5%) |
900 | #0F172A | rgb(15,23,42) | hsl(222.2,47.4%,11.2%) |
950 | #020617 | rgb(2,6,23) | hsl(222.2,84%,4.9%) |