Tailwind v3 hex vs v4 OKLCH (official defaults)

Full Tailwind v4 palette: 288 tokens shown. v3↔v4 compared: 244 (same hex: 59, different: 185). v4-only families: 44 tokens (taupe, mauve, mist, olive). Generated by scripts/compare-tailwind-v3-v4-colors.py --html. Family order matches Tailwind v4 (red → olive).

iPULSY @theme section (mcbile-400/500/600, pulse-500 vs nearest v4) 8-bit hex differs (card border: v4 family-500 · 50% opacity; sample: red-500) taupe v4 only mauve v4 only mist v4 only olive v4 only

Black & white

2 tokens

black · white

same hex

black

v3 hex

#000000 oklch(0.000% 0.0000 nan)

v4 oklch → sRGB

oklch(0.000% 0.0000 nan) → #000000

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0

white

v3 hex

#ffffff oklch(100.000% 0.0000 nan)

v4 oklch → sRGB

oklch(100.000% 0.0000 nan) → #ffffff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0

iPULSY @theme

4 brand tokens · mcbile via v3 rose-400/500/600 · pulse-500

mcbile-400

iPULSY @theme

v3 rose-400 (#fb7185) · duplicate in Rose

@theme (locked)

#fb7185 #fb7185

nearest Tailwind v4 · rose-400

oklch(71.2% 0.194 13.428) → #ff637e

ΔE₀₀ 2.49 vs rose-400

mcbile-500

iPULSY @theme

v3 rose-500 (#f43f5e) · duplicate in Rose

@theme (locked)

#f43f5e oklch(64.5% 0.215 16.439)

nearest Tailwind v4 · rose-500

oklch(64.5% 0.246 16.439) → #ff2056

ΔE₀₀ 2.49 vs rose-500

mcbile-600

iPULSY @theme

v3 rose-600 (#e11d48) · duplicate in Rose

@theme (locked)

#e11d48 #e11d48

nearest Tailwind v4 · rose-600

oklch(58.6% 0.253 17.585) → #ec003f

ΔE₀₀ 2.51 vs rose-600

pulse-500

iPULSY @theme

McBile monogram / .360 accent · duplicate in Rose

@theme (locked)

#f4396e oklch(64.4% 0.222 9.991)

nearest Tailwind v4 · rose-500

oklch(64.5% 0.246 16.439) → #ff2056

ΔE₀₀ 5.76 vs rose-500

Red

11 tokens · 10 hex differs

red-50

same hex

v3 hex

#fef2f2 oklch(97.053% 0.0129 17.380)

v4 oklch → sRGB

oklch(97.1% 0.013 17.38) → #fef2f2

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0376

red-100

hex differs

v3 hex

#fee2e2 oklch(93.564% 0.0309 17.717)

v4 oklch → sRGB

oklch(93.6% 0.032 17.717) → #ffe2e2

ΔRGB [1, 0, 0] · ΔE₀₀ 0.3144

red-200

hex differs

v3 hex

#fecaca oklch(88.454% 0.0593 18.334)

v4 oklch → sRGB

oklch(88.5% 0.062 18.334) → #ffc9c9

ΔRGB [1, -1, -1] · ΔE₀₀ 0.5402

red-300

hex differs

v3 hex

#fca5a5 oklch(80.769% 0.1035 19.571)

v4 oklch → sRGB

oklch(80.8% 0.114 19.571) → #ffa2a2

ΔRGB [3, -3, -3] · ΔE₀₀ 1.3767

red-400

hex differs

v3 hex

#f87171 oklch(71.063% 0.1661 22.216)

v4 oklch → sRGB

oklch(70.4% 0.191 22.216) → #ff6467

ΔRGB [7, -13, -10] · ΔE₀₀ 2.6081

red-500

hex differs

v3 hex

#ef4444 oklch(63.683% 0.2078 25.331)

v4 oklch → sRGB

oklch(63.7% 0.237 25.331) → #fb2c36

ΔRGB [12, -24, -14] · ΔE₀₀ 2.7504

red-600

hex differs

v3 hex

#dc2626 oklch(57.710% 0.2152 27.325)

v4 oklch → sRGB

oklch(57.7% 0.245 27.325) → #e7000b

ΔRGB [11, -38, -27] · ΔE₀₀ 3.6098

red-700

hex differs

v3 hex

#b91c1c oklch(50.542% 0.1905 27.518)

v4 oklch → sRGB

oklch(50.5% 0.213 27.518) → #c10007

ΔRGB [8, -28, -21] · ΔE₀₀ 3.0438

red-800

hex differs

v3 hex

#991b1b oklch(44.369% 0.1613 26.899)

v4 oklch → sRGB

oklch(44.4% 0.177 26.899) → #9f0712

ΔRGB [6, -20, -9] · ΔE₀₀ 2.0629

red-900

hex differs

v3 hex

#7f1d1d oklch(39.584% 0.1331 25.723)

v4 oklch → sRGB

oklch(39.6% 0.141 25.723) → #82181a

ΔRGB [3, -5, -3] · ΔE₀₀ 1.0558

red-950

hex differs

v3 hex

#450a0a oklch(25.752% 0.0886 26.042)

v4 oklch → sRGB

oklch(25.8% 0.092 26.042) → #460809

ΔRGB [1, -2, -1] · ΔE₀₀ 0.5226

Orange

11 tokens · 10 hex differs

orange-50

same hex

v3 hex

#fff7ed oklch(97.962% 0.0158 73.684)

v4 oklch → sRGB

oklch(98% 0.016 73.684) → #fff7ed

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0731

orange-100

hex differs

v3 hex

#ffedd5 oklch(95.420% 0.0372 75.164)

v4 oklch → sRGB

oklch(95.4% 0.038 75.164) → #ffedd4

ΔRGB [0, 0, -1] · ΔE₀₀ 0.2044

orange-200

hex differs

v3 hex

#fed7aa oklch(90.146% 0.0729 70.697)

v4 oklch → sRGB

oklch(90.1% 0.076 70.697) → #ffd6a7

ΔRGB [1, -1, -3] · ΔE₀₀ 0.5628

orange-300

hex differs

v3 hex

#fdba74 oklch(83.657% 0.1165 66.290)

v4 oklch → sRGB

oklch(83.7% 0.128 66.29) → #ffb86a

ΔRGB [2, -2, -10] · ΔE₀₀ 1.7344

orange-400

hex differs

v3 hex

#fb923c oklch(75.764% 0.1590 55.934)

v4 oklch → sRGB

oklch(75% 0.183 55.934) → #ff8904

ΔRGB [4, -9, -56] · ΔE₀₀ 3.8628

orange-500

hex differs

v3 hex

#f97316 oklch(70.487% 0.1867 47.604)

v4 oklch → sRGB

oklch(70.5% 0.213 47.604) → #ff6900

ΔRGB [6, -10, -22] · ΔE₀₀ 5.1543

orange-600

hex differs

v3 hex

#ea580c oklch(64.607% 0.1943 41.116)

v4 oklch → sRGB

oklch(64.6% 0.222 41.116) → #f54900

ΔRGB [11, -15, -12] · ΔE₀₀ 6.114

orange-700

hex differs

v3 hex

#c2410c oklch(55.343% 0.1739 38.402)

v4 oklch → sRGB

oklch(55.3% 0.195 38.402) → #ca3500

ΔRGB [8, -12, -12] · ΔE₀₀ 4.3641

orange-800

hex differs

v3 hex

#9a3412 oklch(46.980% 0.1430 37.304)

v4 oklch → sRGB

oklch(47% 0.157 37.304) → #9f2d00

ΔRGB [5, -7, -18] · ΔE₀₀ 2.5372

orange-900

hex differs

v3 hex

#7c2d12 oklch(40.839% 0.1165 38.172)

v4 oklch → sRGB

oklch(40.8% 0.123 38.172) → #7e2a0c

ΔRGB [2, -3, -6] · ΔE₀₀ 1.2058

orange-950

hex differs

v3 hex

#431407 oklch(26.591% 0.0762 36.259)

v4 oklch → sRGB

oklch(26.6% 0.079 36.259) → #441306

ΔRGB [1, -1, -1] · ΔE₀₀ 0.4755

Amber

11 tokens · 10 hex differs

amber-50

same hex

v3 hex

#fffbeb oklch(98.688% 0.0214 95.277)

v4 oklch → sRGB

oklch(98.7% 0.022 95.277) → #fffbeb

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1704

amber-100

hex differs

v3 hex

#fef3c7 oklch(96.190% 0.0580 95.617)

v4 oklch → sRGB

oklch(96.2% 0.059 95.617) → #fef3c6

ΔRGB [0, 0, -1] · ΔE₀₀ 0.1957

amber-200

hex differs

v3 hex

#fde68a oklch(92.428% 0.1151 95.746)

v4 oklch → sRGB

oklch(92.4% 0.12 95.746) → #fee685

ΔRGB [1, 0, -5] · ΔE₀₀ 0.7364

amber-300

hex differs

v3 hex

#fcd34d oklch(87.897% 0.1534 91.605)

v4 oklch → sRGB

oklch(87.9% 0.169 91.605) → #ffd230

ΔRGB [3, -1, -29] · ΔE₀₀ 2.3608

amber-400

hex differs

v3 hex

#fbbf24 oklch(83.686% 0.1644 84.429)

v4 oklch → sRGB

oklch(82.8% 0.189 84.429) → #ffb900

ΔRGB [4, -6, -36] · ΔE₀₀ 4.6971

amber-500

hex differs

v3 hex

#f59e0b oklch(76.859% 0.1647 70.080)

v4 oklch → sRGB

oklch(76.9% 0.188 70.08) → #fe9a00

ΔRGB [9, -4, -11] · ΔE₀₀ 4.8217

amber-600

hex differs

v3 hex

#d97706 oklch(66.584% 0.1574 58.318)

v4 oklch → sRGB

oklch(66.6% 0.179 58.318) → #e17100

ΔRGB [8, -6, -6] · ΔE₀₀ 4.9872

amber-700

hex differs

v3 hex

#b45309 oklch(55.528% 0.1455 48.998)

v4 oklch → sRGB

oklch(55.5% 0.163 48.998) → #bb4d00

ΔRGB [7, -6, -9] · ΔE₀₀ 4.03

amber-800

hex differs

v3 hex

#92400e oklch(47.319% 0.1247 46.201)

v4 oklch → sRGB

oklch(47.3% 0.137 46.201) → #973c00

ΔRGB [5, -4, -14] · ΔE₀₀ 2.6363

amber-900

hex differs

v3 hex

#78350f oklch(41.371% 0.1054 45.904)

v4 oklch → sRGB

oklch(41.4% 0.112 45.904) → #7b3306

ΔRGB [3, -2, -9] · ΔE₀₀ 1.3901

amber-950

hex differs

v3 hex

#451a03 oklch(27.912% 0.0742 45.635)

v4 oklch → sRGB

oklch(27.9% 0.077 45.635) → #461901

ΔRGB [1, -1, -2] · ΔE₀₀ 0.4932

Yellow

11 tokens · 10 hex differs

yellow-50

same hex

v3 hex

#fefce8 oklch(98.730% 0.0262 102.212)

v4 oklch → sRGB

oklch(98.7% 0.026 102.212) → #fefce8

ΔRGB [0, 0, 0] · ΔE₀₀ 0.067

yellow-100

hex differs

v3 hex

#fef9c3 oklch(97.292% 0.0693 103.193)

v4 oklch → sRGB

oklch(97.3% 0.071 103.193) → #fef9c2

ΔRGB [0, 0, -1] · ΔE₀₀ 0.3033

yellow-200

hex differs

v3 hex

#fef08a oklch(94.510% 0.1243 101.540)

v4 oklch → sRGB

oklch(94.5% 0.129 101.54) → #fff085

ΔRGB [1, 0, -5] · ΔE₀₀ 0.675

yellow-300

hex differs

v3 hex

#fde047 oklch(90.524% 0.1657 98.111)

v4 oklch → sRGB

oklch(90.5% 0.182 98.111) → #ffdf20

ΔRGB [2, -1, -39] · ΔE₀₀ 2.4209

yellow-400

hex differs

v3 hex

#facc15 oklch(86.056% 0.1731 91.936)

v4 oklch → sRGB

oklch(85.2% 0.199 91.936) → #fdc700

ΔRGB [3, -5, -21] · ΔE₀₀ 5.0603

yellow-500

hex differs

v3 hex

#eab308 oklch(79.524% 0.1617 86.047)

v4 oklch → sRGB

oklch(79.5% 0.184 86.047) → #f0b100

ΔRGB [6, -2, -8] · ΔE₀₀ 4.4513

yellow-600

hex differs

v3 hex

#ca8a04 oklch(68.064% 0.1423 75.834)

v4 oklch → sRGB

oklch(68.1% 0.162 75.834) → #d08700

ΔRGB [6, -3, -4] · ΔE₀₀ 4.5046

yellow-700

hex differs

v3 hex

#a16207 oklch(55.378% 0.1207 66.442)

v4 oklch → sRGB

oklch(55.4% 0.135 66.442) → #a65f00

ΔRGB [5, -3, -7] · ΔE₀₀ 3.5278

yellow-800

hex differs

v3 hex

#854d0e oklch(47.619% 0.1034 61.907)

v4 oklch → sRGB

oklch(47.6% 0.114 61.907) → #894b00

ΔRGB [4, -2, -14] · ΔE₀₀ 2.5667

yellow-900

hex differs

v3 hex

#713f12 oklch(42.100% 0.0897 57.708)

v4 oklch → sRGB

oklch(42.1% 0.095 57.708) → #733e0a

ΔRGB [2, -1, -8] · ΔE₀₀ 1.2162

yellow-950

hex differs

v3 hex

#422006 oklch(28.565% 0.0639 53.813)

v4 oklch → sRGB

oklch(28.6% 0.066 53.813) → #432004

ΔRGB [1, 0, -2] · ΔE₀₀ 0.4146

Lime

11 tokens · 10 hex differs

lime-50

same hex

v3 hex

#f7fee7 oklch(98.568% 0.0310 120.757)

v4 oklch → sRGB

oklch(98.6% 0.031 120.757) → #f7fee7

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0234

lime-100

hex differs

v3 hex

#ecfccb oklch(96.693% 0.0659 122.328)

v4 oklch → sRGB

oklch(96.7% 0.067 122.328) → #ecfcca

ΔRGB [0, 0, -1] · ΔE₀₀ 0.2012

lime-200

hex differs

v3 hex

#d9f99d oklch(93.823% 0.1217 124.321)

v4 oklch → sRGB

oklch(93.8% 0.127 124.321) → #d8f999

ΔRGB [-1, 0, -4] · ΔE₀₀ 0.6979

lime-300

hex differs

v3 hex

#bef264 oklch(89.715% 0.1786 126.665)

v4 oklch → sRGB

oklch(89.7% 0.196 126.665) → #bbf451

ΔRGB [-3, 2, -19] · ΔE₀₀ 1.9299

lime-400

hex differs

v3 hex

#a3e635 oklch(84.932% 0.2073 128.850)

v4 oklch → sRGB

oklch(84.1% 0.238 128.85) → #9ae600

ΔRGB [-9, 0, -53] · ΔE₀₀ 3.7522

lime-500

hex differs

v3 hex

#84cc16 oklch(76.814% 0.2044 130.850)

v4 oklch → sRGB

oklch(76.8% 0.233 130.85) → #7ccf00

ΔRGB [-8, 3, -22] · ΔE₀₀ 3.6922

lime-600

hex differs

v3 hex

#65a30d oklch(64.817% 0.1754 131.684)

v4 oklch → sRGB

oklch(64.8% 0.2 131.684) → #5ea500

ΔRGB [-7, 2, -13] · ΔE₀₀ 3.5633

lime-700

hex differs

v3 hex

#4d7c0f oklch(53.222% 0.1405 131.589)

v4 oklch → sRGB

oklch(53.2% 0.157 131.589) → #497d00

ΔRGB [-4, 1, -15] · ΔE₀₀ 2.6401

lime-800

hex differs

v3 hex

#3f6212 oklch(45.284% 0.1129 130.933)

v4 oklch → sRGB

oklch(45.3% 0.124 130.933) → #3c6300

ΔRGB [-3, 1, -18] · ΔE₀₀ 1.9123

lime-900

hex differs

v3 hex

#365314 oklch(40.503% 0.0956 131.063)

v4 oklch → sRGB

oklch(40.5% 0.101 131.063) → #35530e

ΔRGB [-1, 0, -6] · ΔE₀₀ 0.9779

lime-950

hex differs

v3 hex

#1a2e05 oklch(27.406% 0.0688 132.109)

v4 oklch → sRGB

oklch(27.4% 0.072 132.109) → #192e03

ΔRGB [-1, 0, -2] · ΔE₀₀ 0.5232

Green

11 tokens · 9 hex differs

green-50

same hex

v3 hex

#f0fdf4 oklch(98.193% 0.0181 155.826)

v4 oklch → sRGB

oklch(98.2% 0.018 155.826) → #f0fdf4

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0223

green-100

same hex

v3 hex

#dcfce7 oklch(96.241% 0.0434 156.743)

v4 oklch → sRGB

oklch(96.2% 0.044 156.743) → #dcfce7

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1572

green-200

hex differs

v3 hex

#bbf7d0 oklch(92.502% 0.0806 155.995)

v4 oklch → sRGB

oklch(92.5% 0.084 155.995) → #b9f8cf

ΔRGB [-2, 1, -1] · ΔE₀₀ 0.5554

green-300

hex differs

v3 hex

#86efac oklch(87.116% 0.1363 154.449)

v4 oklch → sRGB

oklch(87.1% 0.15 154.449) → #7bf1a8

ΔRGB [-11, 2, -4] · ΔE₀₀ 1.5597

green-400

hex differs

v3 hex

#4ade80 oklch(80.035% 0.1821 151.711)

v4 oklch → sRGB

oklch(79.2% 0.209 151.711) → #05df72

ΔRGB [-69, 1, -14] · ΔE₀₀ 2.5563

green-500

hex differs

v3 hex

#22c55e oklch(72.275% 0.1920 149.579)

v4 oklch → sRGB

oklch(72.3% 0.219 149.579) → #00c950

ΔRGB [-34, 4, -14] · ΔE₀₀ 2.4887

green-600

hex differs

v3 hex

#16a34a oklch(62.705% 0.1699 149.214)

v4 oklch → sRGB

oklch(62.7% 0.194 149.214) → #00a63e

ΔRGB [-22, 3, -12] · ΔE₀₀ 2.4508

green-700

hex differs

v3 hex

#15803d oklch(52.730% 0.1371 150.069)

v4 oklch → sRGB

oklch(52.7% 0.154 150.069) → #008236

ΔRGB [-21, 2, -7] · ΔE₀₀ 2.0006

green-800

hex differs

v3 hex

#166534 oklch(44.792% 0.1083 151.328)

v4 oklch → sRGB

oklch(44.8% 0.119 151.328) → #016630

ΔRGB [-21, 1, -4] · ΔE₀₀ 1.478

green-900

hex differs

v3 hex

#14532d oklch(39.253% 0.0896 152.535)

v4 oklch → sRGB

oklch(39.3% 0.095 152.535) → #0d542b

ΔRGB [-7, 1, -2] · ΔE₀₀ 0.8475

green-950

hex differs

v3 hex

#052e16 oklch(26.636% 0.0628 152.934)

v4 oklch → sRGB

oklch(26.6% 0.065 152.934) → #032e15

ΔRGB [-2, 0, -1] · ΔE₀₀ 0.4381

Emerald

11 tokens · 10 hex differs

emerald-50

same hex

v3 hex

#ecfdf5 oklch(97.932% 0.0207 166.113)

v4 oklch → sRGB

oklch(97.9% 0.021 166.113) → #ecfdf5

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1131

emerald-100

hex differs

v3 hex

#d1fae5 oklch(95.046% 0.0507 163.051)

v4 oklch → sRGB

oklch(95% 0.052 163.051) → #d0fae5

ΔRGB [-1, 0, 0] · ΔE₀₀ 0.2866

emerald-200

hex differs

v3 hex

#a7f3d0 oklch(90.494% 0.0895 164.150)

v4 oklch → sRGB

oklch(90.5% 0.093 164.15) → #a4f4cf

ΔRGB [-3, 1, -1] · ΔE₀₀ 0.5282

emerald-300

hex differs

v3 hex

#6ee7b7 oklch(84.519% 0.1299 164.978)

v4 oklch → sRGB

oklch(84.5% 0.143 164.978) → #5ee9b5

ΔRGB [-16, 2, -2] · ΔE₀₀ 1.5302

emerald-400

hex differs

v3 hex

#34d399 oklch(77.294% 0.1535 163.223)

v4 oklch → sRGB

oklch(76.5% 0.177 163.223) → #00d492

ΔRGB [-52, 1, -7] · ΔE₀₀ 2.5013

emerald-500

hex differs

v3 hex

#10b981 oklch(69.587% 0.1491 162.480)

v4 oklch → sRGB

oklch(69.6% 0.17 162.48) → #00bc7d

ΔRGB [-16, 3, -4] · ΔE₀₀ 2.2676

emerald-600

hex differs

v3 hex

#059669 oklch(59.597% 0.1274 163.225)

v4 oklch → sRGB

oklch(59.6% 0.145 163.225) → #009966

ΔRGB [-5, 3, -3] · ΔE₀₀ 2.1327

emerald-700

hex differs

v3 hex

#047857 oklch(50.813% 0.1049 165.612)

v4 oklch → sRGB

oklch(50.8% 0.118 165.612) → #007a55

ΔRGB [-4, 2, -2] · ΔE₀₀ 1.8037

emerald-800

hex differs

v3 hex

#065f46 oklch(43.180% 0.0865 166.913)

v4 oklch → sRGB

oklch(43.2% 0.095 166.913) → #006045

ΔRGB [-6, 1, -1] · ΔE₀₀ 1.3432

emerald-900

hex differs

v3 hex

#064e3b oklch(37.805% 0.0730 168.940)

v4 oklch → sRGB

oklch(37.8% 0.077 168.94) → #004f3b

ΔRGB [-6, 1, 0] · ΔE₀₀ 0.71

emerald-950

hex differs

v3 hex

#022c22 oklch(26.210% 0.0487 172.552)

v4 oklch → sRGB

oklch(26.2% 0.051 172.552) → #002c22

ΔRGB [-2, 0, 0] · ΔE₀₀ 0.5475

Teal

11 tokens · 10 hex differs

teal-50

same hex

v3 hex

#f0fdfa oklch(98.358% 0.0142 180.720)

v4 oklch → sRGB

oklch(98.4% 0.014 180.72) → #f0fdfa

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0816

teal-100

hex differs

v3 hex

#ccfbf1 oklch(95.265% 0.0498 180.801)

v4 oklch → sRGB

oklch(95.3% 0.051 180.801) → #cbfbf1

ΔRGB [-1, 0, 0] · ΔE₀₀ 0.2767

teal-200

hex differs

v3 hex

#99f6e4 oklch(90.996% 0.0927 180.426)

v4 oklch → sRGB

oklch(91% 0.096 180.426) → #96f7e4

ΔRGB [-3, 1, 0] · ΔE₀₀ 0.4764

teal-300

hex differs

v3 hex

#5eead4 oklch(85.488% 0.1251 181.071)

v4 oklch → sRGB

oklch(85.5% 0.138 181.071) → #46ecd5

ΔRGB [-24, 2, 1] · ΔE₀₀ 1.5085

teal-400

hex differs

v3 hex

#2dd4bf oklch(78.452% 0.1325 181.912)

v4 oklch → sRGB

oklch(77.7% 0.152 181.912) → #00d5be

ΔRGB [-45, 1, -1] · ΔE₀₀ 2.2011

teal-500

hex differs

v3 hex

#14b8a6 oklch(70.375% 0.1230 182.503)

v4 oklch → sRGB

oklch(70.4% 0.14 182.503) → #00bba7

ΔRGB [-20, 3, 1] · ΔE₀₀ 1.9927

teal-600

hex differs

v3 hex

#0d9488 oklch(60.022% 0.1038 184.704)

v4 oklch → sRGB

oklch(60% 0.118 184.704) → #009689

ΔRGB [-13, 2, 1] · ΔE₀₀ 1.8404

teal-700

hex differs

v3 hex

#0f766e oklch(51.094% 0.0861 186.391)

v4 oklch → sRGB

oklch(51.1% 0.096 186.391) → #00786f

ΔRGB [-15, 2, 1] · ΔE₀₀ 1.465

teal-800

hex differs

v3 hex

#115e59 oklch(43.697% 0.0705 188.216)

v4 oklch → sRGB

oklch(43.7% 0.078 188.216) → #005f5a

ΔRGB [-17, 1, 1] · ΔE₀₀ 1.27

teal-900

hex differs

v3 hex

#134e4a oklch(38.606% 0.0590 188.416)

v4 oklch → sRGB

oklch(38.6% 0.063 188.416) → #0b4f4a

ΔRGB [-8, 1, 0] · ΔE₀₀ 0.7879

teal-950

hex differs

v3 hex

#042f2e oklch(27.726% 0.0447 192.524)

v4 oklch → sRGB

oklch(27.7% 0.046 192.524) → #022f2e

ΔRGB [-2, 0, 0] · ΔE₀₀ 0.3146

Cyan

11 tokens · 10 hex differs

cyan-50

same hex

v3 hex

#ecfeff oklch(98.412% 0.0189 200.873)

v4 oklch → sRGB

oklch(98.4% 0.019 200.873) → #ecfeff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0385

cyan-100

hex differs

v3 hex

#cffafe oklch(95.626% 0.0443 203.388)

v4 oklch → sRGB

oklch(95.6% 0.045 203.388) → #cefafe

ΔRGB [-1, 0, 0] · ΔE₀₀ 0.1548

cyan-200

hex differs

v3 hex

#a5f3fc oklch(91.666% 0.0772 205.041)

v4 oklch → sRGB

oklch(91.7% 0.08 205.041) → #a2f4fd

ΔRGB [-3, 1, 1] · ΔE₀₀ 0.4312

cyan-300

hex differs

v3 hex

#67e8f9 oklch(86.507% 0.1153 207.078)

v4 oklch → sRGB

oklch(86.5% 0.127 207.078) → #53eafd

ΔRGB [-20, 2, 4] · ΔE₀₀ 1.2739

cyan-400

hex differs

v3 hex

#22d3ee oklch(79.712% 0.1339 211.530)

v4 oklch → sRGB

oklch(78.9% 0.154 211.53) → #00d3f2

ΔRGB [-34, 0, 4] · ΔE₀₀ 1.9171

cyan-500

hex differs

v3 hex

#06b6d4 oklch(71.484% 0.1257 215.221)

v4 oklch → sRGB

oklch(71.5% 0.143 215.221) → #00b8db

ΔRGB [-6, 2, 7] · ΔE₀₀ 1.6407

cyan-600

hex differs

v3 hex

#0891b2 oklch(60.891% 0.1109 221.723)

v4 oklch → sRGB

oklch(60.9% 0.126 221.723) → #0092b8

ΔRGB [-8, 1, 6] · ΔE₀₀ 1.5192

cyan-700

hex differs

v3 hex

#0e7490 oklch(51.976% 0.0936 223.128)

v4 oklch → sRGB

oklch(52% 0.105 223.128) → #007595

ΔRGB [-14, 1, 5] · ΔE₀₀ 1.2875

cyan-800

hex differs

v3 hex

#155e75 oklch(45.003% 0.0771 224.283)

v4 oklch → sRGB

oklch(45% 0.085 224.283) → #005f78

ΔRGB [-21, 1, 3] · ΔE₀₀ 1.0127

cyan-900

hex differs

v3 hex

#164e63 oklch(39.821% 0.0664 227.392)

v4 oklch → sRGB

oklch(39.8% 0.07 227.392) → #104e64

ΔRGB [-6, 0, 1] · ΔE₀₀ 0.507

cyan-950

hex differs

v3 hex

#083344 oklch(30.181% 0.0541 229.695)

v4 oklch → sRGB

oklch(30.2% 0.056 229.695) → #053345

ΔRGB [-3, 0, 1] · ΔE₀₀ 0.3026

Sky

11 tokens · 10 hex differs

sky-50

same hex

v3 hex

#f0f9ff oklch(97.711% 0.0125 236.620)

v4 oklch → sRGB

oklch(97.7% 0.013 236.62) → #f0f9ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1595

sky-100

hex differs

v3 hex

#e0f2fe oklch(95.142% 0.0250 236.824)

v4 oklch → sRGB

oklch(95.1% 0.026 236.824) → #dff2fe

ΔRGB [-1, 0, 0] · ΔE₀₀ 0.2491

sky-200

hex differs

v3 hex

#bae6fd oklch(90.138% 0.0555 230.902)

v4 oklch → sRGB

oklch(90.1% 0.058 230.902) → #b8e6fe

ΔRGB [-2, 0, 1] · ΔE₀₀ 0.445

sky-300

hex differs

v3 hex

#7dd3fc oklch(82.759% 0.1013 230.318)

v4 oklch → sRGB

oklch(82.8% 0.111 230.318) → #74d4ff

ΔRGB [-9, 1, 3] · ΔE₀₀ 1.1052

sky-400

hex differs

v3 hex

#38bdf8 oklch(75.351% 0.1390 232.661)

v4 oklch → sRGB

oklch(74.6% 0.16 232.661) → #00bcff

ΔRGB [-56, -1, 7] · ΔE₀₀ 1.8299

sky-500

hex differs

v3 hex

#0ea5e9 oklch(68.469% 0.1479 237.323)

v4 oklch → sRGB

oklch(68.5% 0.169 237.323) → #00a6f4

ΔRGB [-14, 1, 11] · ΔE₀₀ 1.4942

sky-600

hex differs

v3 hex

#0284c7 oklch(58.762% 0.1389 241.966)

v4 oklch → sRGB

oklch(58.8% 0.158 241.966) → #0084d1

ΔRGB [-2, 0, 10] · ΔE₀₀ 1.1953

sky-700

hex differs

v3 hex

#0369a1 oklch(49.998% 0.1193 242.749)

v4 oklch → sRGB

oklch(50% 0.134 242.749) → #0069a8

ΔRGB [-3, 0, 7] · ΔE₀₀ 1.0193

sky-800

hex differs

v3 hex

#075985 oklch(44.338% 0.1000 240.790)

v4 oklch → sRGB

oklch(44.3% 0.11 240.79) → #00598a

ΔRGB [-7, 0, 5] · ΔE₀₀ 0.8803

sky-900

hex differs

v3 hex

#0c4a6e oklch(39.123% 0.0845 240.876)

v4 oklch → sRGB

oklch(39.1% 0.09 240.876) → #024a70

ΔRGB [-10, 0, 2] · ΔE₀₀ 0.5903

sky-950

hex differs

v3 hex

#082f49 oklch(29.346% 0.0632 243.157)

v4 oklch → sRGB

oklch(29.3% 0.066 243.157) → #052f4a

ΔRGB [-3, 0, 1] · ΔE₀₀ 0.4075

Blue

11 tokens · 9 hex differs

blue-50

same hex

v3 hex

#eff6ff oklch(97.048% 0.0142 254.604)

v4 oklch → sRGB

oklch(97% 0.014 254.604) → #eff6ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0631

blue-100

same hex

v3 hex

#dbeafe oklch(93.192% 0.0316 255.585)

v4 oklch → sRGB

oklch(93.2% 0.032 255.585) → #dbeafe

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0955

blue-200

hex differs

v3 hex

#bfdbfe oklch(88.234% 0.0571 254.128)

v4 oklch → sRGB

oklch(88.2% 0.059 254.128) → #bedbff

ΔRGB [-1, 0, 1] · ΔE₀₀ 0.3337

blue-300

hex differs

v3 hex

#93c5fd oklch(80.907% 0.0956 251.813)

v4 oklch → sRGB

oklch(80.9% 0.105 251.813) → #8ec5ff

ΔRGB [-5, 0, 2] · ΔE₀₀ 0.993

blue-400

hex differs

v3 hex

#60a5fa oklch(71.374% 0.1434 254.624)

v4 oklch → sRGB

oklch(70.7% 0.165 254.624) → #51a2ff

ΔRGB [-15, -3, 5] · ΔE₀₀ 1.3818

blue-500

hex differs

v3 hex

#3b82f6 oklch(62.308% 0.1880 259.815)

v4 oklch → sRGB

oklch(62.3% 0.214 259.815) → #2b7fff

ΔRGB [-16, -3, 9] · ΔE₀₀ 1.6515

blue-600

hex differs

v3 hex

#2563eb oklch(54.615% 0.2152 262.881)

v4 oklch → sRGB

oklch(54.6% 0.245 262.881) → #155dfc

ΔRGB [-16, -6, 17] · ΔE₀₀ 2.6551

blue-700

hex differs

v3 hex

#1d4ed8 oklch(48.820% 0.2172 264.376)

v4 oklch → sRGB

oklch(48.8% 0.243 264.376) → #1447e6

ΔRGB [-9, -7, 14] · ΔE₀₀ 2.5936

blue-800

hex differs

v3 hex

#1e40af oklch(42.445% 0.1809 265.638)

v4 oklch → sRGB

oklch(42.4% 0.199 265.638) → #193cb8

ΔRGB [-5, -4, 9] · ΔE₀₀ 1.9524

blue-900

hex differs

v3 hex

#1e3a8a oklch(37.906% 0.1378 265.522)

v4 oklch → sRGB

oklch(37.9% 0.146 265.522) → #1c398e

ΔRGB [-2, -1, 4] · ΔE₀₀ 0.8746

blue-950

hex differs

v3 hex

#172554 oklch(28.226% 0.0874 267.935)

v4 oklch → sRGB

oklch(28.2% 0.091 267.935) → #162456

ΔRGB [-1, -1, 2] · ΔE₀₀ 0.4827

Indigo

11 tokens · 9 hex differs

indigo-50

same hex

v3 hex

#eef2ff oklch(96.191% 0.0179 272.314)

v4 oklch → sRGB

oklch(96.2% 0.018 272.314) → #eef2ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0204

indigo-100

same hex

v3 hex

#e0e7ff oklch(92.994% 0.0334 272.788)

v4 oklch → sRGB

oklch(93% 0.034 272.788) → #e0e7ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1383

indigo-200

hex differs

v3 hex

#c7d2fe oklch(86.986% 0.0622 274.039)

v4 oklch → sRGB

oklch(87% 0.065 274.039) → #c6d2ff

ΔRGB [-1, 0, 1] · ΔE₀₀ 0.4708

indigo-300

hex differs

v3 hex

#a5b4fc oklch(78.530% 0.1041 274.713)

v4 oklch → sRGB

oklch(78.5% 0.115 274.713) → #a3b3ff

ΔRGB [-2, -1, 3] · ΔE₀₀ 1.1765

indigo-400

hex differs

v3 hex

#818cf8 oklch(68.011% 0.1583 276.935)

v4 oklch → sRGB

oklch(67.3% 0.182 276.935) → #7c86ff

ΔRGB [-5, -6, 7] · ΔE₀₀ 2.2714

indigo-500

hex differs

v3 hex

#6366f1 oklch(58.540% 0.2041 277.117)

v4 oklch → sRGB

oklch(58.5% 0.233 277.117) → #615fff

ΔRGB [-2, -7, 14] · ΔE₀₀ 2.6426

indigo-600

hex differs

v3 hex

#4f46e5 oklch(51.057% 0.2301 276.966)

v4 oklch → sRGB

oklch(51.1% 0.262 276.966) → #4f39f6

ΔRGB [0, -13, 17] · ΔE₀₀ 3.0689

indigo-700

hex differs

v3 hex

#4338ca oklch(45.678% 0.2146 277.023)

v4 oklch → sRGB

oklch(45.7% 0.24 277.023) → #432dd7

ΔRGB [0, -11, 13] · ΔE₀₀ 2.6184

indigo-800

hex differs

v3 hex

#3730a3 oklch(39.843% 0.1773 277.366)

v4 oklch → sRGB

oklch(39.8% 0.195 277.366) → #372aac

ΔRGB [0, -6, 9] · ΔE₀₀ 2.0282

indigo-900

hex differs

v3 hex

#312e81 oklch(35.875% 0.1354 278.697)

v4 oklch → sRGB

oklch(35.9% 0.144 278.697) → #312c85

ΔRGB [0, -2, 4] · ΔE₀₀ 1.0707

indigo-950

hex differs

v3 hex

#1e1b4b oklch(25.733% 0.0861 281.288)

v4 oklch → sRGB

oklch(25.7% 0.09 281.288) → #1e1a4d

ΔRGB [0, -1, 2] · ΔE₀₀ 0.6466

Violet

11 tokens · 9 hex differs

violet-50

same hex

v3 hex

#f5f3ff oklch(96.914% 0.0161 293.756)

v4 oklch → sRGB

oklch(96.9% 0.016 293.756) → #f5f3ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0217

violet-100

same hex

v3 hex

#ede9fe oklch(94.335% 0.0284 294.588)

v4 oklch → sRGB

oklch(94.3% 0.029 294.588) → #ede9fe

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1682

violet-200

hex differs

v3 hex

#ddd6fe oklch(89.427% 0.0549 293.283)

v4 oklch → sRGB

oklch(89.4% 0.057 293.283) → #ddd6ff

ΔRGB [0, 0, 1] · ΔE₀₀ 0.4271

violet-300

hex differs

v3 hex

#c4b5fd oklch(81.116% 0.1013 293.571)

v4 oklch → sRGB

oklch(81.1% 0.111 293.571) → #c4b4ff

ΔRGB [0, -1, 2] · ΔE₀₀ 1.2828

violet-400

hex differs

v3 hex

#a78bfa oklch(70.897% 0.1592 293.541)

v4 oklch → sRGB

oklch(70.2% 0.183 293.541) → #a684ff

ΔRGB [-1, -7, 5] · ΔE₀₀ 2.5465

violet-500

hex differs

v3 hex

#8b5cf6 oklch(60.563% 0.2189 292.717)

v4 oklch → sRGB

oklch(60.6% 0.25 292.717) → #8e51ff

ΔRGB [3, -11, 9] · ΔE₀₀ 2.7159

violet-600

hex differs

v3 hex

#7c3aed oklch(54.134% 0.2466 293.009)

v4 oklch → sRGB

oklch(54.1% 0.281 293.009) → #7f22fe

ΔRGB [3, -24, 17] · ΔE₀₀ 2.9711

violet-700

hex differs

v3 hex

#6d28d9 oklch(49.067% 0.2412 292.581)

v4 oklch → sRGB

oklch(49.1% 0.27 292.581) → #7008e7

ΔRGB [3, -32, 14] · ΔE₀₀ 2.5718

violet-800

hex differs

v3 hex

#5b21b6 oklch(43.199% 0.2106 292.759)

v4 oklch → sRGB

oklch(43.2% 0.232 292.759) → #5d0ec0

ΔRGB [2, -19, 10] · ΔE₀₀ 2.1186

violet-900

hex differs

v3 hex

#4c1d95 oklch(37.964% 0.1783 293.745)

v4 oklch → sRGB

oklch(38% 0.189 293.745) → #4d179a

ΔRGB [1, -6, 5] · ΔE₀₀ 1.1755

violet-950

hex differs

v3 hex

#2e1065 oklch(28.267% 0.1351 291.089)

v4 oklch → sRGB

oklch(28.3% 0.141 291.089) → #2f0d68

ΔRGB [1, -3, 3] · ΔE₀₀ 0.7972

Purple

11 tokens · 9 hex differs

purple-50

same hex

v3 hex

#faf5ff oklch(97.685% 0.0142 308.299)

v4 oklch → sRGB

oklch(97.7% 0.014 308.299) → #faf5ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0731

purple-100

same hex

v3 hex

#f3e8ff oklch(94.643% 0.0327 307.174)

v4 oklch → sRGB

oklch(94.6% 0.033 307.174) → #f3e8ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0777

purple-200

hex differs

v3 hex

#e9d5ff oklch(90.236% 0.0604 306.703)

v4 oklch → sRGB

oklch(90.2% 0.063 306.703) → #e9d4ff

ΔRGB [0, -1, 0] · ΔE₀₀ 0.5015

purple-300

hex differs

v3 hex

#d8b4fe oklch(82.676% 0.1082 306.383)

v4 oklch → sRGB

oklch(82.7% 0.119 306.383) → #dab2ff

ΔRGB [2, -2, 1] · ΔE₀₀ 1.3993

purple-400

hex differs

v3 hex

#c084fc oklch(72.169% 0.1767 305.504)

v4 oklch → sRGB

oklch(71.4% 0.203 305.504) → #c27aff

ΔRGB [2, -10, 3] · ΔE₀₀ 2.6752

purple-500

hex differs

v3 hex

#a855f7 oklch(62.685% 0.2325 303.900)

v4 oklch → sRGB

oklch(62.7% 0.265 303.9) → #ad46ff

ΔRGB [5, -15, 8] · ΔE₀₀ 2.6334

purple-600

hex differs

v3 hex

#9333ea oklch(55.754% 0.2525 302.321)

v4 oklch → sRGB

oklch(55.8% 0.288 302.321) → #9810fa

ΔRGB [5, -35, 16] · ΔE₀₀ 2.8305

purple-700

hex differs

v3 hex

#7e22ce oklch(49.552% 0.2369 301.924)

v4 oklch → sRGB

oklch(49.6% 0.265 301.924) → #8200db

ΔRGB [4, -34, 13] · ΔE₀₀ 2.3883

purple-800

hex differs

v3 hex

#6b21a8 oklch(43.828% 0.1983 303.724)

v4 oklch → sRGB

oklch(43.8% 0.218 303.724) → #6e11b0

ΔRGB [3, -16, 8] · ΔE₀₀ 1.8882

purple-900

hex differs

v3 hex

#581c87 oklch(38.074% 0.1661 304.987)

v4 oklch → sRGB

oklch(38.1% 0.176 304.987) → #59168b

ΔRGB [1, -6, 4] · ΔE₀₀ 1.0729

purple-950

hex differs

v3 hex

#3b0764 oklch(29.052% 0.1432 302.717)

v4 oklch → sRGB

oklch(29.1% 0.149 302.717) → #3c0366

ΔRGB [1, -4, 2] · ΔE₀₀ 0.716

Fuchsia

11 tokens · 9 hex differs

fuchsia-50

same hex

v3 hex

#fdf4ff oklch(97.726% 0.0173 320.058)

v4 oklch → sRGB

oklch(97.7% 0.017 320.058) → #fdf4ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1146

fuchsia-100

same hex

v3 hex

#fae8ff oklch(95.204% 0.0360 318.852)

v4 oklch → sRGB

oklch(95.2% 0.037 318.852) → #fae8ff

ΔRGB [0, 0, 0] · ΔE₀₀ 0.2759

fuchsia-200

hex differs

v3 hex

#f5d0fe oklch(90.298% 0.0732 319.620)

v4 oklch → sRGB

oklch(90.3% 0.076 319.62) → #f6cfff

ΔRGB [1, -1, 1] · ΔE₀₀ 0.4673

fuchsia-300

hex differs

v3 hex

#f0abfc oklch(83.303% 0.1322 321.434)

v4 oklch → sRGB

oklch(83.3% 0.145 321.434) → #f4a8ff

ΔRGB [4, -3, 3] · ΔE₀₀ 1.4354

fuchsia-400

hex differs

v3 hex

#e879f9 oklch(74.772% 0.2070 322.160)

v4 oklch → sRGB

oklch(74% 0.238 322.16) → #ed6aff

ΔRGB [5, -15, 6] · ΔE₀₀ 2.7009

fuchsia-500

hex differs

v3 hex

#d946ef oklch(66.676% 0.2591 322.150)

v4 oklch → sRGB

oklch(66.7% 0.295 322.15) → #e12afb

ΔRGB [8, -28, 12] · ΔE₀₀ 2.4806

fuchsia-600

hex differs

v3 hex

#c026d3 oklch(59.147% 0.2569 322.896)

v4 oklch → sRGB

oklch(59.1% 0.293 322.896) → #c800de

ΔRGB [8, -38, 11] · ΔE₀₀ 2.5584

fuchsia-700

hex differs

v3 hex

#a21caf oklch(51.802% 0.2258 323.949)

v4 oklch → sRGB

oklch(51.8% 0.253 323.949) → #a800b7

ΔRGB [6, -28, 8] · ΔE₀₀ 2.0997

fuchsia-800

hex differs

v3 hex

#86198f oklch(45.191% 0.1922 324.591)

v4 oklch → sRGB

oklch(45.2% 0.211 324.591) → #8a0194

ΔRGB [4, -24, 5] · ΔE₀₀ 1.6366

fuchsia-900

hex differs

v3 hex

#701a75 oklch(40.068% 0.1601 325.612)

v4 oklch → sRGB

oklch(40.1% 0.17 325.612) → #721378

ΔRGB [2, -7, 3] · ΔE₀₀ 0.9819

fuchsia-950

hex differs

v3 hex

#4a044e oklch(29.320% 0.1309 325.661)

v4 oklch → sRGB

oklch(29.3% 0.136 325.661) → #4b004f

ΔRGB [1, -4, 1] · ΔE₀₀ 0.5977

Pink

11 tokens · 9 hex differs

pink-50

same hex

v3 hex

#fdf2f8 oklch(97.141% 0.0141 343.198)

v4 oklch → sRGB

oklch(97.1% 0.014 343.198) → #fdf2f8

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0614

pink-100

same hex

v3 hex

#fce7f3 oklch(94.820% 0.0276 342.258)

v4 oklch → sRGB

oklch(94.8% 0.028 342.258) → #fce7f3

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1107

pink-200

hex differs

v3 hex

#fbcfe8 oklch(89.941% 0.0589 343.231)

v4 oklch → sRGB

oklch(89.9% 0.061 343.231) → #fccee8

ΔRGB [1, -1, 0] · ΔE₀₀ 0.4228

pink-300

hex differs

v3 hex

#f9a8d4 oklch(82.284% 0.1095 346.018)

v4 oklch → sRGB

oklch(82.3% 0.12 346.018) → #fda5d5

ΔRGB [4, -3, 1] · ΔE₀₀ 1.2788

pink-400

hex differs

v3 hex

#f472b6 oklch(72.527% 0.1752 349.761)

v4 oklch → sRGB

oklch(71.8% 0.202 349.761) → #fb64b6

ΔRGB [7, -14, 0] · ΔE₀₀ 2.4802

pink-500

hex differs

v3 hex

#ec4899 oklch(65.592% 0.2118 354.308)

v4 oklch → sRGB

oklch(65.6% 0.241 354.308) → #f6339a

ΔRGB [10, -21, 1] · ΔE₀₀ 2.1726

pink-600

hex differs

v3 hex

#db2777 oklch(59.165% 0.2180 0.584)

v4 oklch → sRGB

oklch(59.2% 0.249 0.584) → #e60076

ΔRGB [11, -39, -1] · ΔE₀₀ 2.2701

pink-700

hex differs

v3 hex

#be185d oklch(52.459% 0.1990 3.958)

v4 oklch → sRGB

oklch(52.5% 0.223 3.958) → #c6005c

ΔRGB [8, -24, -1] · ΔE₀₀ 1.907

pink-800

hex differs

v3 hex

#9d174d oklch(45.870% 0.1697 3.815)

v4 oklch → sRGB

oklch(45.9% 0.187 3.815) → #a3004c

ΔRGB [6, -23, -1] · ΔE₀₀ 1.5482

pink-900

hex differs

v3 hex

#831843 oklch(40.782% 0.1442 2.432)

v4 oklch → sRGB

oklch(40.8% 0.153 2.432) → #861043

ΔRGB [3, -8, 0] · ΔE₀₀ 0.8914

pink-950

hex differs

v3 hex

#500724 oklch(28.447% 0.1048 3.907)

v4 oklch → sRGB

oklch(28.4% 0.109 3.907) → #510424

ΔRGB [1, -3, 0] · ΔE₀₀ 0.5292

Rose

11 tokens · 9 hex differs · 3 @theme

rose-50

same hex

v3 hex

#fff1f2 oklch(96.941% 0.0152 12.422)

v4 oklch → sRGB

oklch(96.9% 0.015 12.422) → #fff1f2

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0671

rose-100

same hex

v3 hex

#ffe4e6 oklch(94.137% 0.0298 12.580)

v4 oklch → sRGB

oklch(94.1% 0.03 12.58) → #ffe4e6

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0706

rose-200

hex differs

v3 hex

#fecdd3 oklch(89.245% 0.0559 10.001)

v4 oklch → sRGB

oklch(89.2% 0.058 10.001) → #ffccd3

ΔRGB [1, -1, 0] · ΔE₀₀ 0.4331

rose-300

hex differs

v3 hex

#fda4af oklch(80.966% 0.1061 11.638)

v4 oklch → sRGB

oklch(81% 0.117 11.638) → #ffa1ad

ΔRGB [2, -3, -2] · ΔE₀₀ 1.3708

rose-400

iPULSY @themehex differs

v3 hex

#fb7185 oklch(71.919% 0.1690 13.428)

v4 oklch → sRGB

oklch(71.2% 0.194 13.428) → #ff637e

ΔRGB [4, -14, -7] · ΔE₀₀ 2.4914

rose-500

iPULSY @themehex differs

v3 hex

#f43f5e oklch(64.503% 0.2154 16.439)

v4 oklch → sRGB

oklch(64.5% 0.246 16.439) → #ff2056

ΔRGB [11, -31, -8] · ΔE₀₀ 2.4529

rose-600

iPULSY @themehex differs

v3 hex

#e11d48 oklch(58.584% 0.2220 17.585)

v4 oklch → sRGB

oklch(58.6% 0.253 17.585) → #ec003f

ΔRGB [11, -29, -9] · ΔE₀₀ 2.5085

rose-700

hex differs

v3 hex

#be123c oklch(51.426% 0.1978 16.935)

v4 oklch → sRGB

oklch(51.4% 0.222 16.935) → #c70036

ΔRGB [9, -18, -6] · ΔE₀₀ 2.1324

rose-800

hex differs

v3 hex

#9f1239 oklch(45.457% 0.1713 13.697)

v4 oklch → sRGB

oklch(45.5% 0.188 13.697) → #a50036

ΔRGB [6, -18, -3] · ΔE₀₀ 1.5714

rose-900

hex differs

v3 hex

#881337 oklch(41.033% 0.1502 10.272)

v4 oklch → sRGB

oklch(41% 0.159 10.272) → #8b0836

ΔRGB [3, -11, -1] · ΔE₀₀ 0.9041

rose-950

hex differs

v3 hex

#4c0519 oklch(27.085% 0.1009 12.094)

v4 oklch → sRGB

oklch(27.1% 0.105 12.094) → #4d0218

ΔRGB [1, -3, -1] · ΔE₀₀ 0.5587

Slate

11 tokens · 8 hex differs

slate-50

same hex

v3 hex

#f8fafc oklch(98.415% 0.0034 247.858)

v4 oklch → sRGB

oklch(98.4% 0.003 247.858) → #f8fafc

ΔRGB [0, 0, 0] · ΔE₀₀ 0.146

slate-100

same hex

v3 hex

#f1f5f9 oklch(96.826% 0.0069 247.896)

v4 oklch → sRGB

oklch(96.8% 0.007 247.896) → #f1f5f9

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0515

slate-200

same hex

v3 hex

#e2e8f0 oklch(92.876% 0.0126 255.508)

v4 oklch → sRGB

oklch(92.9% 0.013 255.508) → #e2e8f0

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1158

slate-300

hex differs

v3 hex

#cbd5e1 oklch(86.898% 0.0198 252.894)

v4 oklch → sRGB

oklch(86.9% 0.022 252.894) → #cad5e2

ΔRGB [-1, 0, 1] · ΔE₀₀ 0.5736

slate-400

hex differs

v3 hex

#94a3b8 oklch(71.067% 0.0351 256.788)

v4 oklch → sRGB

oklch(70.4% 0.04 256.788) → #90a1b9

ΔRGB [-4, -2, 1] · ΔE₀₀ 1.2284

slate-500

hex differs

v3 hex

#64748b oklch(55.439% 0.0407 257.417)

v4 oklch → sRGB

oklch(55.4% 0.046 257.417) → #62748e

ΔRGB [-2, 0, 3] · ΔE₀₀ 1.0656

slate-600

hex differs

v3 hex

#475569 oklch(44.553% 0.0374 257.281)

v4 oklch → sRGB

oklch(44.6% 0.043 257.281) → #45556c

ΔRGB [-2, 0, 3] · ΔE₀₀ 1.1591

slate-700

hex differs

v3 hex

#334155 oklch(37.170% 0.0392 257.287)

v4 oklch → sRGB

oklch(37.2% 0.044 257.287) → #314158

ΔRGB [-2, 0, 3] · ΔE₀₀ 0.9984

slate-800

hex differs

v3 hex

#1e293b oklch(27.950% 0.0368 260.031)

v4 oklch → sRGB

oklch(27.9% 0.041 260.031) → #1d293d

ΔRGB [-1, 0, 2] · ΔE₀₀ 0.9206

slate-900

hex differs

v3 hex

#0f172a oklch(20.768% 0.0398 265.755)

v4 oklch → sRGB

oklch(20.8% 0.042 265.755) → #0f172b

ΔRGB [0, 0, 1] · ΔE₀₀ 0.5224

slate-950

hex differs

v3 hex

#020617 oklch(12.880% 0.0406 264.695)

v4 oklch → sRGB

oklch(12.9% 0.042 264.695) → #020618

ΔRGB [0, 0, 1] · ΔE₀₀ 0.3458

Gray

11 tokens · 7 hex differs

gray-50

same hex

v3 hex

#f9fafb oklch(98.463% 0.0017 247.839)

v4 oklch → sRGB

oklch(98.5% 0.002 247.839) → #f9fafb

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1094

gray-100

same hex

v3 hex

#f3f4f6 oklch(96.696% 0.0029 264.542)

v4 oklch → sRGB

oklch(96.7% 0.003 264.542) → #f3f4f6

ΔRGB [0, 0, 0] · ΔE₀₀ 0.045

gray-200

same hex

v3 hex

#e5e7eb oklch(92.758% 0.0058 264.531)

v4 oklch → sRGB

oklch(92.8% 0.006 264.531) → #e5e7eb

ΔRGB [0, 0, 0] · ΔE₀₀ 0.07

gray-300

hex differs

v3 hex

#d1d5db oklch(87.168% 0.0093 258.338)

v4 oklch → sRGB

oklch(87.2% 0.01 258.338) → #d1d5dc

ΔRGB [0, 0, 1] · ΔE₀₀ 0.2102

gray-400

hex differs

v3 hex

#9ca3af oklch(71.366% 0.0192 261.325)

v4 oklch → sRGB

oklch(70.7% 0.022 261.325) → #99a1af

ΔRGB [-3, -2, 0] · ΔE₀₀ 0.9867

gray-500

hex differs

v3 hex

#6b7280 oklch(55.102% 0.0234 264.364)

v4 oklch → sRGB

oklch(55.1% 0.027 264.364) → #6a7282

ΔRGB [-1, 0, 2] · ΔE₀₀ 0.9364

gray-600

hex differs

v3 hex

#4b5563 oklch(44.611% 0.0263 256.802)

v4 oklch → sRGB

oklch(44.6% 0.03 256.802) → #4a5565

ΔRGB [-1, 0, 2] · ΔE₀₀ 0.884

gray-700

hex differs

v3 hex

#374151 oklch(37.293% 0.0306 259.733)

v4 oklch → sRGB

oklch(37.3% 0.034 259.733) → #364153

ΔRGB [-1, 0, 2] · ΔE₀₀ 0.7828

gray-800

hex differs

v3 hex

#1f2937 oklch(27.808% 0.0296 256.848)

v4 oklch → sRGB

oklch(27.8% 0.033 256.848) → #1e2939

ΔRGB [-1, 0, 2] · ΔE₀₀ 0.7906

gray-900

hex differs

v3 hex

#111827 oklch(21.008% 0.0318 264.665)

v4 oklch → sRGB

oklch(21% 0.034 264.665) → #101828

ΔRGB [-1, 0, 1] · ΔE₀₀ 0.5647

gray-950

same hex

v3 hex

#030712 oklch(12.964% 0.0274 261.692)

v4 oklch → sRGB

oklch(13% 0.028 261.692) → #030712

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1529

Zinc

11 tokens · 3 hex differs

zinc-50

same hex

v3 hex

#fafafa oklch(98.510% 0.0000 nan)

v4 oklch → sRGB

oklch(98.5% 0 0) → #fafafa

ΔRGB [0, 0, 0] · ΔE₀₀ 0.007

zinc-100

same hex

v3 hex

#f4f4f5 oklch(96.743% 0.0013 286.375)

v4 oklch → sRGB

oklch(96.7% 0.001 286.375) → #f4f4f5

ΔRGB [0, 0, 0] · ΔE₀₀ 0.135

zinc-200

same hex

v3 hex

#e4e4e7 oklch(91.973% 0.0040 286.320)

v4 oklch → sRGB

oklch(92% 0.004 286.32) → #e4e4e7

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0231

zinc-300

same hex

v3 hex

#d4d4d8 oklch(87.111% 0.0055 286.286)

v4 oklch → sRGB

oklch(87.1% 0.006 286.286) → #d4d4d8

ΔRGB [0, 0, 0] · ΔE₀₀ 0.2054

zinc-400

hex differs

v3 hex

#a1a1aa oklch(71.181% 0.0129 286.066)

v4 oklch → sRGB

oklch(70.5% 0.015 286.067) → #9f9fa9

ΔRGB [-2, -2, -1] · ΔE₀₀ 0.9411

zinc-500

hex differs

v3 hex

#71717a oklch(55.166% 0.0138 285.938)

v4 oklch → sRGB

oklch(55.2% 0.016 285.938) → #71717b

ΔRGB [0, 0, 1] · ΔE₀₀ 0.7136

zinc-600

hex differs

v3 hex

#52525b oklch(44.186% 0.0146 285.786)

v4 oklch → sRGB

oklch(44.2% 0.017 285.786) → #52525c

ΔRGB [0, 0, 1] · ΔE₀₀ 0.7673

zinc-700

same hex

v3 hex

#3f3f46 oklch(37.032% 0.0119 285.805)

v4 oklch → sRGB

oklch(37% 0.013 285.805) → #3f3f46

ΔRGB [0, 0, 0] · ΔE₀₀ 0.3803

zinc-800

same hex

v3 hex

#27272a oklch(27.394% 0.0055 286.033)

v4 oklch → sRGB

oklch(27.4% 0.006 286.033) → #27272a

ΔRGB [0, 0, 0] · ΔE₀₀ 0.196

zinc-900

same hex

v3 hex

#18181b oklch(21.033% 0.0059 285.885)

v4 oklch → sRGB

oklch(21% 0.006 285.885) → #18181b

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0576

zinc-950

same hex

v3 hex

#09090b oklch(14.077% 0.0044 285.823)

v4 oklch → sRGB

oklch(14.1% 0.005 285.823) → #09090b

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1268

Neutral

11 tokens · 1 hex differs

neutral-50

same hex

v3 hex

#fafafa oklch(98.510% 0.0000 nan)

v4 oklch → sRGB

oklch(98.5% 0 0) → #fafafa

ΔRGB [0, 0, 0] · ΔE₀₀ 0.007

neutral-100

same hex

v3 hex

#f5f5f5 oklch(97.015% 0.0000 nan)

v4 oklch → sRGB

oklch(97% 0 0) → #f5f5f5

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0103

neutral-200

same hex

v3 hex

#e5e5e5 oklch(92.191% 0.0000 nan)

v4 oklch → sRGB

oklch(92.2% 0 0) → #e5e5e5

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0068

neutral-300

same hex

v3 hex

#d4d4d4 oklch(86.994% 0.0000 nan)

v4 oklch → sRGB

oklch(87% 0 0) → #d4d4d4

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0043

neutral-400

hex differs

v3 hex

#a3a3a3 oklch(71.547% 0.0000 nan)

v4 oklch → sRGB

oklch(70.8% 0 0) → #a1a1a1

ΔRGB [-2, -2, -2] · ΔE₀₀ 0.6992

neutral-500

same hex

v3 hex

#737373 oklch(55.553% 0.0000 nan)

v4 oklch → sRGB

oklch(55.6% 0 0) → #737373

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0545

neutral-600

same hex

v3 hex

#525252 oklch(43.860% 0.0000 nan)

v4 oklch → sRGB

oklch(43.9% 0 0) → #525252

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0377

neutral-700

same hex

v3 hex

#404040 oklch(37.149% 0.0000 nan)

v4 oklch → sRGB

oklch(37.1% 0 0) → #404040

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0429

neutral-800

same hex

v3 hex

#262626 oklch(26.862% 0.0000 nan)

v4 oklch → sRGB

oklch(26.9% 0 0) → #262626

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0292

neutral-900

same hex

v3 hex

#171717 oklch(20.463% 0.0000 nan)

v4 oklch → sRGB

oklch(20.5% 0 0) → #171717

ΔRGB [0, 0, 0] · ΔE₀₀ 0.026

neutral-950

same hex

v3 hex

#0a0a0a oklch(14.479% 0.0000 nan)

v4 oklch → sRGB

oklch(14.5% 0 0) → #0a0a0a

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0071

Stone

11 tokens · 4 hex differs

stone-50

same hex

v3 hex

#fafaf9 oklch(98.483% 0.0013 106.424)

v4 oklch → sRGB

oklch(98.5% 0.001 106.423) → #fafaf9

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1296

stone-100

same hex

v3 hex

#f5f5f4 oklch(96.987% 0.0013 106.424)

v4 oklch → sRGB

oklch(97% 0.001 106.424) → #f5f5f4

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1314

stone-200

same hex

v3 hex

#e7e5e4 oklch(92.318% 0.0026 48.717)

v4 oklch → sRGB

oklch(92.3% 0.003 48.717) → #e7e5e4

ΔRGB [0, 0, 0] · ΔE₀₀ 0.1696

stone-300

same hex

v3 hex

#d6d3d1 oklch(86.866% 0.0043 56.366)

v4 oklch → sRGB

oklch(86.9% 0.005 56.366) → #d6d3d1

ΔRGB [0, 0, 0] · ΔE₀₀ 0.2529

stone-400

hex differs

v3 hex

#a8a29e oklch(71.608% 0.0091 56.259)

v4 oklch → sRGB

oklch(70.9% 0.01 56.259) → #a6a09b

ΔRGB [-2, -2, -3] · ΔE₀₀ 0.7423

stone-500

hex differs

v3 hex

#78716c oklch(55.340% 0.0116 58.071)

v4 oklch → sRGB

oklch(55.3% 0.013 58.071) → #79716b

ΔRGB [1, 0, -1] · ΔE₀₀ 0.4643

stone-600

hex differs

v3 hex

#57534e oklch(44.442% 0.0096 73.639)

v4 oklch → sRGB

oklch(44.4% 0.011 73.639) → #57534d

ΔRGB [0, 0, -1] · ΔE₀₀ 0.4634

stone-700

hex differs

v3 hex

#44403c oklch(37.412% 0.0087 67.558)

v4 oklch → sRGB

oklch(37.4% 0.01 67.558) → #44403b

ΔRGB [0, 0, -1] · ΔE₀₀ 0.4475

stone-800

same hex

v3 hex

#292524 oklch(26.848% 0.0063 34.297)

v4 oklch → sRGB

oklch(26.8% 0.007 34.298) → #292524

ΔRGB [0, 0, 0] · ΔE₀₀ 0.2866

stone-900

same hex

v3 hex

#1c1917 oklch(21.612% 0.0061 56.043)

v4 oklch → sRGB

oklch(21.6% 0.006 56.043) → #1c1917

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0471

stone-950

same hex

v3 hex

#0c0a09 oklch(14.690% 0.0041 49.250)

v4 oklch → sRGB

oklch(14.7% 0.004 49.25) → #0c0a09

ΔRGB [0, 0, 0] · ΔE₀₀ 0.0248

Taupe

11 tokens · v4 only

taupe-50

v4 only
oklch(98.6% 0.002 67.8) → #fbfaf9

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-100

v4 only
oklch(96% 0.002 17.2) → #f3f1f1

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-200

v4 only
oklch(92.2% 0.005 34.3) → #e8e4e3

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-300

v4 only
oklch(86.8% 0.007 39.5) → #d8d2d0

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-400

v4 only
oklch(71.4% 0.014 41.2) → #aba09c

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-500

v4 only
oklch(54.7% 0.021 43.1) → #7c6d67

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-600

v4 only
oklch(43.8% 0.017 39.3) → #5b4f4b

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-700

v4 only
oklch(36.7% 0.016 35.7) → #473c39

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-800

v4 only
oklch(26.8% 0.011 36.5) → #2b2422

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-900

v4 only
oklch(21.4% 0.009 43.1) → #1d1816

No Tailwind v3 default · OKLCH palette (Tailwind v4)

taupe-950

v4 only
oklch(14.7% 0.004 49.3) → #0c0a09

No Tailwind v3 default · OKLCH palette (Tailwind v4)

Mauve

11 tokens · v4 only

mauve-50

v4 only
oklch(98.5% 0 0) → #fafafa

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-100

v4 only
oklch(96% 0.003 325.6) → #f3f1f3

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-200

v4 only
oklch(92.2% 0.005 325.62) → #e7e4e7

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-300

v4 only
oklch(86.5% 0.012 325.68) → #d7d0d7

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-400

v4 only
oklch(71.1% 0.019 323.02) → #a89ea9

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-500

v4 only
oklch(54.2% 0.034 322.5) → #79697b

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-600

v4 only
oklch(43.5% 0.029 321.78) → #594c5b

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-700

v4 only
oklch(36.4% 0.029 323.89) → #463947

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-800

v4 only
oklch(26.3% 0.024 320.12) → #2a212c

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-900

v4 only
oklch(21.2% 0.019 322.12) → #1d161e

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mauve-950

v4 only
oklch(14.5% 0.008 326) → #0c090c

No Tailwind v3 default · OKLCH palette (Tailwind v4)

Mist

11 tokens · v4 only

mist-50

v4 only
oklch(98.7% 0.002 197.1) → #f9fbfb

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-100

v4 only
oklch(96.3% 0.002 197.1) → #f1f3f3

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-200

v4 only
oklch(92.5% 0.005 214.3) → #e3e7e8

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-300

v4 only
oklch(87.2% 0.007 219.6) → #d0d6d8

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-400

v4 only
oklch(72.3% 0.014 214.4) → #9ca8ab

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-500

v4 only
oklch(56% 0.021 213.5) → #67787c

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-600

v4 only
oklch(45% 0.017 213.2) → #4b585b

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-700

v4 only
oklch(37.8% 0.015 216) → #394447

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-800

v4 only
oklch(27.5% 0.011 216.9) → #22292b

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-900

v4 only
oklch(21.8% 0.008 223.9) → #161b1d

No Tailwind v3 default · OKLCH palette (Tailwind v4)

mist-950

v4 only
oklch(14.8% 0.004 228.8) → #090b0c

No Tailwind v3 default · OKLCH palette (Tailwind v4)

Olive

11 tokens · v4 only

olive-50

v4 only
oklch(98.8% 0.003 106.5) → #fbfbf9

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-100

v4 only
oklch(96.6% 0.005 106.5) → #f4f4f0

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-200

v4 only
oklch(93% 0.007 106.5) → #e8e8e3

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-300

v4 only
oklch(88% 0.011 106.6) → #d8d8d0

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-400

v4 only
oklch(73.7% 0.021 106.9) → #abab9c

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-500

v4 only
oklch(58% 0.031 107.3) → #7c7c67

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-600

v4 only
oklch(46.6% 0.025 107.3) → #5b5b4b

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-700

v4 only
oklch(39.4% 0.023 107.4) → #474739

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-800

v4 only
oklch(28.6% 0.016 107.4) → #2b2b22

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-900

v4 only
oklch(22.8% 0.013 107.4) → #1d1d16

No Tailwind v3 default · OKLCH palette (Tailwind v4)

olive-950

v4 only
oklch(15.3% 0.006 107.1) → #0c0c09

No Tailwind v3 default · OKLCH palette (Tailwind v4)