이름 색상 · #FC4A14

Dragon’s Fire

Dragon’s Fire은(는) #FC4A14: rgb(252 74 20), hsl(14 97% 53%), oklch(0.66 0.222 35.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Dragon’s Fire color name →

#FC4A14

oklch(0.66 0.222 35.3)

색상 변환

HEX: #fc4a14
RGB: rgb(252 74 20)
HSL: hsl(14 97% 53%)
HWB: hwb(14 8% 1%)
OKLCH: oklch(0.66 0.222 35.3)
OKLab: oklab(0.66 0.181 0.128)
CIE Lab: lab(58.61 66.76 66.13)
LCH: lch(58.61 93.97 44.7)
CMYK: cmyk(0% 71% 92% 1%)

틴트 · 셰이드 · 톤

틴트

FF623A
FF7754
FF8A6B
FF9C81
FFAD96
FFBEAB
FFCFC0
FFDFD5
FFEFEA

셰이드

DB3F10
BB350C
9C2A08
7E2005
621703
470E01
2D0601
160200
030000

톤

F1542B
E55D3A
DA6446
CE6A51
C26F5A
B67462
AA776A
9C7B72
8F7E79

색 조화

보색 +180°

FC4A14
Dragon’s Fire
00A4BF
≈ Maui

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.42:1 · APCA Lc 60

Fail

검은색 위

WCAG 6.12:1 · APCA Lc 41

가장 좋은 글자색: #000000

WCAG 6.12:1 (AA) · APCA Lc 41

Contrast pairs

코드 스니펫

CSS

:root {
  --dragon-s-fire: #fc4a14;
  --dragon-s-fire-rgb: 252 74 20;
  --dragon-s-fire-oklch: oklch(0.66 0.222 35.3);
}

.element {
  color: var(--dragon-s-fire);
  background-color: hsl(14 97% 53%);
  border-color: oklch(0.66 0.222 35.3);
}

Tailwind CSS v4

@theme {
  --color-dragon-s-fire: #fc4a14;
  --color-dragon-s-fire-50: #ffe0c8;
  --color-dragon-s-fire-100: #ffceb3;
  --color-dragon-s-fire-200: #ffb18f;
  --color-dragon-s-fire-300: #ff895f;
  --color-dragon-s-fire-400: #ff5f33;
  --color-dragon-s-fire-500: #f62500;
  --color-dragon-s-fire-600: #cf2400;
  --color-dragon-s-fire-700: #a71e00;
  --color-dragon-s-fire-800: #7d1200;
  --color-dragon-s-fire-900: #590c00;
  --color-dragon-s-fire-950: #3b0000;
}

SCSS

$dragon-s-fire: #fc4a14;
$dragon-s-fire-rgb: 252, 74, 20;
$dragon-s-fire-light: mix(#fff, $dragon-s-fire, 20%);
$dragon-s-fire-dark: mix(#000, $dragon-s-fire, 20%);

.element {
  color: $dragon-s-fire;
  box-shadow: 0 0 0 2px rgba($dragon-s-fire, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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