Nazwany kolor · #9C3418
Dragon Dance
Dragon Dance to #9C3418: rgb(156 52 24), hsl(13 73% 35%), oklch(0.474 0.144 35.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Dragon Dance color name →
#9C3418
oklch(0.474 0.144 35.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A84A32
- B35F49
- BE735F
- C98675
- D39A8B
- DDAEA1
- E6C2B8
- EFD6D0
- F7EAE7
Odcienie ciemniejsze
- 872C13
- 73240F
- 5F1C0A
- 4C1507
- 390E04
- 280702
- 180301
- 090100
- 010000
Tony
- 9B3E26
- 994732
- 974F3D
- 955747
- 935E51
- 90665A
- 8C6C64
- 89736D
- 857A77
Harmonie kolorów
Komplementarna +180°
- 9C3418
Dragon Dance
- 006779
≈ Striking
Analogowa -30° +30°
- 9C3418
Dragon Dance
- 9A2F50
≈ Raspberry Romantic
- 834D00
≈ Gédéon Brown
Triada +120° +240°
- 9C3418
Dragon Dance
- 006E3E
≈ Dartmouth Green
- 4750AB
≈ Brandywine Raspberry
Komplementarna rozszczepiona +150° +210°
- 9C3418
Dragon Dance
- 006B62
≈ Fashion Blue
- 00609B
≈ Rave Regatta
Tetrada +90° +180° +270°
- 9C3418
Dragon Dance
- 4C6700
≈ Serrano Pepper
- 006779
≈ Striking
- 70419B
≈ Poppy Pompadour
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.19:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.91:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
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);
}