Nazwany kolor · #D2864E
Flaming Torch
Flaming Torch to #D2864E: rgb(210 134 78), hsl(25 59% 56%), oklch(0.688 0.118 55.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Flaming Torch color name →
#D2864E
oklch(0.688 0.118 55.6)
Konwersje koloru
- HEX
- #d2864e
- RGB
- rgb(210 134 78)
- HSL
- hsl(25 59% 56%)
- HWB
- hwb(25 31% 18%)
- OKLCH
- oklch(0.688 0.118 55.6)
- OKLab
- oklab(0.688 0.067 0.097)
- CIE Lab
- lab(63.25 26.17 42.33)
- LCH
- lch(63.25 49.77 58.3)
- CMYK
- cmyk(0% 36% 63% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D79261
- DD9E73
- E1AA85
- E6B696
- EBC3A7
- EFCFB9
- F3DBCA
- F8E7DC
- FBF3ED
Odcienie ciemniejsze
- B67443
- 9B6238
- 81512D
- 684023
- 503019
- 39210F
- 241307
- 100602
- 020100
Tony
- CA8655
- C2865B
- BA8561
- B28566
- AA846B
- A2846F
- 998374
- 918278
- 89817C
Harmonie kolorów
Komplementarna +180°
- D2864E
Flaming Torch
- 44A5D9
≈ Waimea Blue
Analogowa -30° +30°
- D2864E
Flaming Torch
- DA7C74
≈ Golgfag Brown
- BB9538
≈ Roti
Triada +120° +240°
- D2864E
Flaming Torch
- 2DB297
≈ Aloha
- A18BDB
≈ Middy’s Purple
Komplementarna rozszczepiona +150° +210°
- D2864E
Flaming Torch
- 00AFBE
≈ Deep Turquoise
- 7898E4
≈ Guilliman Blue
Tetrada +90° +180° +270°
- D2864E
Flaming Torch
- 68AE6D
≈ Pale Green
- 44A5D9
≈ Waimea Blue
- C080C2
≈ Lavender Sweater
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.89:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.26:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--flaming-torch: #d2864e;
--flaming-torch-rgb: 210 134 78;
--flaming-torch-oklch: oklch(0.688 0.118 55.6);
}
.element {
color: var(--flaming-torch);
background-color: hsl(25 59% 56%);
border-color: oklch(0.688 0.118 55.6);
}Tailwind CSS v4
@theme {
--color-flaming-torch: #d2864e;
--color-flaming-torch-50: #ffeed5;
--color-flaming-torch-100: #ffdfc2;
--color-flaming-torch-200: #fcc8a3;
--color-flaming-torch-300: #e6a87b;
--color-flaming-torch-400: #d48b57;
--color-flaming-torch-500: #c06e2d;
--color-flaming-torch-600: #a25e28;
--color-flaming-torch-700: #824b1f;
--color-flaming-torch-800: #613616;
--color-flaming-torch-900: #44250e;
--color-flaming-torch-950: #2c1302;
}SCSS
$flaming-torch: #d2864e;
$flaming-torch-rgb: 210, 134, 78;
$flaming-torch-light: mix(#fff, $flaming-torch, 20%);
$flaming-torch-dark: mix(#000, $flaming-torch, 20%);
.element {
color: $flaming-torch;
box-shadow: 0 0 0 2px rgba($flaming-torch, 0.35);
}