Adlandırılmış renk · #9C3418
Dragon Dance
Dragon Dance, #9C3418: rgb(156 52 24), hsl(13 73% 35%), oklch(0.474 0.144 35.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Dragon Dance color name →
#9C3418
oklch(0.474 0.144 35.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A84A32
- B35F49
- BE735F
- C98675
- D39A8B
- DDAEA1
- E6C2B8
- EFD6D0
- F7EAE7
Koyu tonlar
- 872C13
- 73240F
- 5F1C0A
- 4C1507
- 390E04
- 280702
- 180301
- 090100
- 010000
Gri tonlar
- 9B3E26
- 994732
- 974F3D
- 955747
- 935E51
- 90665A
- 8C6C64
- 89736D
- 857A77
Renk uyumları
Tamamlayıcı +180°
- 9C3418
Dragon Dance
- 006779
≈ Striking
Analog -30° +30°
- 9C3418
Dragon Dance
- 9A2F50
≈ Raspberry Romantic
- 834D00
≈ Gédéon Brown
Üçlü +120° +240°
- 9C3418
Dragon Dance
- 006E3E
≈ Dartmouth Green
- 4750AB
≈ Brandywine Raspberry
Bölünmüş tamamlayıcı +150° +210°
- 9C3418
Dragon Dance
- 006B62
≈ Fashion Blue
- 00609B
≈ Rave Regatta
Dörtlü +90° +180° +270°
- 9C3418
Dragon Dance
- 4C6700
≈ Serrano Pepper
- 006779
≈ Striking
- 70419B
≈ Poppy Pompadour
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.19:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.91:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.19:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
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);
}