이름 색상 · #9E0200

Dragon Red

Dragon Red은(는) #9E0200: rgb(158 2 0), hsl(1 100% 31%), oklch(0.44 0.18 29.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Red mean? → · Dragon Red color name →

#9E0200

oklch(0.44 0.18 29.4)

색상 변환

HEX: #9e0200
RGB: rgb(158 2 0)
HSL: hsl(1 100% 31%)
HWB: hwb(1 0% 38%)
OKLCH: oklch(0.44 0.18 29.4)
OKLab: oklab(0.44 0.156 0.088)
CIE Lab: lab(33.24 56.24 48.22)
LCH: lch(33.24 74.08 40.6)
CMYK: cmyk(0% 99% 100% 38%)

틴트 · 셰이드 · 톤

틴트

AB3024
B74A3D
C26255
CD796C
D78F84
E0A59C
E9BCB4
F1D2CC
F8E8E6

셰이드

890100
740100
600100
4D0000
3A0000
290000
180000
090000
010000

톤

9D2117
9C3126
9A3E33
984A3F
96544A
935D55
8F6660
8B6F6B
867875

색 조화

보색 +180°

9E0200
Dragon Red
005E69
≈ Fish Tale

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 8.52:1 · APCA Lc 87

AAA

검은색 위

WCAG 2.46:1 · APCA Lc 15

Fail

가장 좋은 글자색: #FFFFFF

WCAG 8.52:1 (AAA) · APCA Lc 87

Contrast pairs

코드 스니펫

CSS

:root {
  --dragon-red: #9e0200;
  --dragon-red-rgb: 158 2 0;
  --dragon-red-oklch: oklch(0.44 0.18 29.4);
}

.element {
  color: var(--dragon-red);
  background-color: hsl(1 100% 31%);
  border-color: oklch(0.44 0.18 29.4);
}

Tailwind CSS v4

@theme {
  --color-dragon-red: #9e0200;
  --color-dragon-red-50: #ffe3d6;
  --color-dragon-red-100: #ffd2c3;
  --color-dragon-red-200: #ffb7a5;
  --color-dragon-red-300: #ff927d;
  --color-dragon-red-400: #f66e5d;
  --color-dragon-red-500: #e54637;
  --color-dragon-red-600: #c13d30;
  --color-dragon-red-700: #9b3126;
  --color-dragon-red-800: #74211d;
  --color-dragon-red-900: #521613;
  --color-dragon-red-950: #360605;
}

SCSS

$dragon-red: #9e0200;
$dragon-red-rgb: 158, 2, 0;
$dragon-red-light: mix(#fff, $dragon-red, 20%);
$dragon-red-dark: mix(#000, $dragon-red, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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