컬러 피커로 건너뛰기

orange-900

#7e2a0c

Tailwind CSS v4.3.3의 orange-900 값은 Tailwind가 쓰는 OKLCH로 oklch(40.8% 0.123 38.172), HEX로 #7e2a0c입니다.

클래스
OKLCH
HEX
RGB
HSL
CSS
컬러 피커에서 #7e2a0c 열기대비 검사

클래스

클릭하면 복사됩니다. /50을 붙이면 불투명도 50%가 됩니다. 예: bg-orange-900/50

orange-900 위의 텍스트

  • Aa흰색9.42:1읽기 쉬움 · AA
  • Aa검은색2.23:1읽기 어려움
  • Aaorange-508.88:1읽기 쉬움 · AA

orange 스케일에서 가장 잘 읽히는 텍스트 색: orange-50

Tailwind orange 스케일

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

다른 Tailwind 색의 900 단계

자주 묻는 질문

Tailwind orange-900의 HEX 코드는 무엇인가요?

orange-900 값은 HEX로 #7e2a0c, RGB로 rgb(126 42 12), OKLCH로 oklch(40.8% 0.123 38.172)입니다. Tailwind CSS v4.3.3에서는 색을 OKLCH로 정의하므로 HEX 값은 가장 가까운 sRGB 근삿값입니다.

Tailwind orange-900 색은 텍스트 접근성 기준을 충족하나요?

orange-900 위의 흰색 텍스트는 대비율이 9.42:1, 검은색 텍스트는 2.23:1입니다. WCAG AA 기준은 일반 텍스트 4.5:1, 큰 텍스트 3:1이므로 여기서는 흰색 텍스트가 더 낫습니다.

Tailwind CSS에서 orange-900 색은 어떻게 쓰나요?

요소에 bg-orange-900, text-orange-900, border-orange-900 클래스를 추가하세요. 직접 작성하는 CSS에서는 var(--color-orange-900)처럼 Tailwind v4가 모든 색마다 만드는 CSS 변수를 쓰면 됩니다.