이름 색상 · #F95C14

Orange Tiger

Orange Tiger은(는) #F95C14: rgb(249 92 20), hsl(19 95% 53%), oklch(0.675 0.205 40). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Orange Tiger color name →

#F95C14

oklch(0.675 0.205 40)

색상 변환

HEX: #f95c14
RGB: rgb(249 92 20)
HSL: hsl(19 95% 53%)
HWB: hwb(19 8% 2%)
OKLCH: oklch(0.675 0.205 40)
OKLab: oklab(0.675 0.157 0.132)
CIE Lab: lab(60.6 59.18 66.87)
LCH: lch(60.6 89.3 48.5)
CMYK: cmyk(0% 63% 92% 2%)

틴트 · 셰이드 · 톤

틴트

FC703B
FF8255
FF936C
FFA382
FFB397
FFC3AC
FFD2C1
FFE1D5
FFF0EA

셰이드

D94F10
B9420C
9A3608
7D2A05
611F03
461401
2C0A01
150300
030000

톤

EE632C
E3683B
D76D47
CC7152
C0755B
B47863
A87B6B
9B7D72
8E7F79

색 조화

보색 +180°

F95C14
Orange Tiger
00A7CB
≈ Gummy Dolphins

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 3.19:1 · APCA Lc 58

Fail

검은색 위

WCAG 6.56:1 · APCA Lc 44

가장 좋은 글자색: #000000

WCAG 6.56:1 (AA) · APCA Lc 44

Contrast pairs

코드 스니펫

CSS

:root {
  --orange-tiger: #f95c14;
  --orange-tiger-rgb: 249 92 20;
  --orange-tiger-oklch: oklch(0.675 0.205 40);
}

.element {
  color: var(--orange-tiger);
  background-color: hsl(19 95% 53%);
  border-color: oklch(0.675 0.205 40);
}

Tailwind CSS v4

@theme {
  --color-orange-tiger: #f95c14;
  --color-orange-tiger-50: #ffe3c7;
  --color-orange-tiger-100: #ffd2b2;
  --color-orange-tiger-200: #ffb68d;
  --color-orange-tiger-300: #ff905d;
  --color-orange-tiger-400: #fe692e;
  --color-orange-tiger-500: #ed3c00;
  --color-orange-tiger-600: #c83500;
  --color-orange-tiger-700: #a12b00;
  --color-orange-tiger-800: #791c00;
  --color-orange-tiger-900: #551300;
  --color-orange-tiger-950: #390300;
}

SCSS

$orange-tiger: #f95c14;
$orange-tiger-rgb: 249, 92, 20;
$orange-tiger-light: mix(#fff, $orange-tiger, 20%);
$orange-tiger-dark: mix(#000, $orange-tiger, 20%);

.element {
  color: $orange-tiger;
  box-shadow: 0 0 0 2px rgba($orange-tiger, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API