이름 색상 · #9C3418
Dragon Dance
Dragon Dance은(는) #9C3418: rgb(156 52 24), hsl(13 73% 35%), oklch(0.474 0.144 35.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Dragon Dance color name →
#9C3418
oklch(0.474 0.144 35.5)
색상 변환
- HEX
- #9c3418
- RGB
- rgb(156 52 24)
- HSL
- hsl(13 73% 35%)
- HWB
- hwb(13 9% 39%)
- OKLCH
- oklch(0.474 0.144 35.5)
- OKLab
- oklab(0.474 0.117 0.084)
- CIE Lab
- lab(37.69 43.06 40.58)
- LCH
- lch(37.69 59.17 43.3)
- CMYK
- cmyk(0% 67% 85% 39%)
틴트 · 셰이드 · 톤
틴트
- A84A32
- B35F49
- BE735F
- C98675
- D39A8B
- DDAEA1
- E6C2B8
- EFD6D0
- F7EAE7
셰이드
- 872C13
- 73240F
- 5F1C0A
- 4C1507
- 390E04
- 280702
- 180301
- 090100
- 010000
톤
- 9B3E26
- 994732
- 974F3D
- 955747
- 935E51
- 90665A
- 8C6C64
- 89736D
- 857A77
색 조화
보색 +180°
- 9C3418
Dragon Dance
- 006779
≈ Striking
유사색 -30° +30°
- 9C3418
Dragon Dance
- 9A2F50
≈ Raspberry Romantic
- 834D00
≈ Gédéon Brown
삼각 배색 +120° +240°
- 9C3418
Dragon Dance
- 006E3E
≈ Dartmouth Green
- 4750AB
≈ Brandywine Raspberry
분열 보색 +150° +210°
- 9C3418
Dragon Dance
- 006B62
≈ Fashion Blue
- 00609B
≈ Rave Regatta
사각 배색 +90° +180° +270°
- 9C3418
Dragon Dance
- 4C6700
≈ Serrano Pepper
- 006779
≈ Striking
- 70419B
≈ Poppy Pompadour
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.19:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.91:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--dragon-dance: #9c3418;
--dragon-dance-rgb: 156 52 24;
--dragon-dance-oklch: oklch(0.474 0.144 35.5);
}
.element {
color: var(--dragon-dance);
background-color: hsl(13 73% 35%);
border-color: oklch(0.474 0.144 35.5);
}Tailwind CSS v4
@theme {
--color-dragon-dance: #9c3418;
--color-dragon-dance-50: #ffe8d8;
--color-dragon-dance-100: #ffd8c6;
--color-dragon-dance-200: #ffbfa8;
--color-dragon-dance-300: #f79d81;
--color-dragon-dance-400: #e67c61;
--color-dragon-dance-500: #d45c3d;
--color-dragon-dance-600: #b34f35;
--color-dragon-dance-700: #903f2a;
--color-dragon-dance-800: #6b2c1f;
--color-dragon-dance-900: #4c1e14;
--color-dragon-dance-950: #310d06;
}SCSS
$dragon-dance: #9c3418;
$dragon-dance-rgb: 156, 52, 24;
$dragon-dance-light: mix(#fff, $dragon-dance, 20%);
$dragon-dance-dark: mix(#000, $dragon-dance, 20%);
.element {
color: $dragon-dance;
box-shadow: 0 0 0 2px rgba($dragon-dance, 0.35);
}