Перейти до вибору кольору

purple-900

#59168b

Колір purple-900 з Tailwind CSS v4.3.3 в OKLCH, форматі самого Tailwind, записується як oklch(38.1% 0.176 304.987), а в HEX як #59168b.

Клас
OKLCH
HEX
RGB
HSL
CSS
Відкрити #59168b у виборі кольоруПеревірити контраст

Класи

Натисніть, щоб скопіювати. Для прозорості 50% додайте /50, наприклад bg-purple-900/50.

Текст на purple-900

  • Aaбілий10.94:1Читається · AA
  • Aaчорний1.92:1Погано читається
  • Aapurple-5010.2:1Читається · AA

Найчитабельніший текст зі шкали purple: purple-50

Шкала Tailwind purple

  1. 50
  2. 100
  3. 200
  4. 300
  5. 400
  6. 500
  7. 600
  8. 700
  9. 800
  10. 900
  11. 950

Крок 900 в інших кольорах Tailwind

Запитання і відповіді

Який HEX-код у кольору Tailwind purple-900?

У HEX колір purple-900 записується як #59168b, у RGB як rgb(89 22 139), в OKLCH як oklch(38.1% 0.176 304.987). Tailwind CSS v4.3.3 задає кольори в OKLCH, тому HEX це найближче значення в sRGB.

Чи підходить Tailwind purple-900 для тексту?

Білий текст на purple-900 має контраст 10.94:1, чорний 1.92:1. Для звичайного тексту WCAG AA вимагає 4,5:1, для великого 3:1, тому тут краще підійде білий текст.

Як використовувати purple-900 у Tailwind CSS?

Додайте елементу клас bg-purple-900, text-purple-900 або border-purple-900. У власному CSS використовуйте var(--color-purple-900): Tailwind v4 створює таку змінну для кожного кольору.