Nazwany kolor · #E35519
Furious Fox
Furious Fox to #E35519: rgb(227 85 25), hsl(18 80% 49%), oklch(0.632 0.188 39.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Furious Fox color name →
#E35519
oklch(0.632 0.188 39.7)
Konwersje koloru
- HEX
- #e35519
- RGB
- rgb(227 85 25)
- HSL
- hsl(18 80% 49%)
- HWB
- hwb(18 10% 11%)
- OKLCH
- oklch(0.632 0.188 39.7)
- OKLab
- oklab(0.632 0.145 0.12)
- CIE Lab
- lab(55.75 54.51 60.16)
- LCH
- lch(55.75 81.19 47.8)
- CMYK
- cmyk(0% 63% 89% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8693B
- ED7B53
- F18D6A
- F59E80
- F8AE95
- FBBFAA
- FDCFBF
- FEDFD4
- FFEFEA
Odcienie ciemniejsze
- C54914
- A83D10
- 8C310B
- 712607
- 571C04
- 3F1102
- 270801
- 120200
- 030000
Tony
- DA5C2D
- D1623B
- C86846
- BF6C50
- B57159
- AB7462
- A1786A
- 977B71
- 8C7E79
Harmonie kolorów
Komplementarna +180°
- E35519
Furious Fox
- 0099B9
≈ Serene Blue
Analogowa -30° +30°
- E35519
Furious Fox
- E34B70
≈ Rouge Red
- BE7800
≈ Cassandra’s Curse
Triada +120° +240°
- E35519
Furious Fox
- 00A36A
≈ Green Haze
- 7676F7
≈ Stargate Shimmer
Komplementarna rozszczepiona +150° +210°
- E35519
Furious Fox
- 009E98
≈ Caribbean Turquoise
- 008DEF
≈ Bleu de France
Tetrada +90° +180° +270°
- E35519
Furious Fox
- 679C00
≈ Gecko’s Dream
- 0099B9
≈ Serene Blue
- AC62DD
≈ Violet Voltage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.76:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.57:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.57:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--furious-fox: #e35519;
--furious-fox-rgb: 227 85 25;
--furious-fox-oklch: oklch(0.632 0.188 39.7);
}
.element {
color: var(--furious-fox);
background-color: hsl(18 80% 49%);
border-color: oklch(0.632 0.188 39.7);
}Tailwind CSS v4
@theme {
--color-furious-fox: #e35519;
--color-furious-fox-50: #ffe4cc;
--color-furious-fox-100: #ffd4b7;
--color-furious-fox-200: #ffb994;
--color-furious-fox-300: #ff9467;
--color-furious-fox-400: #f76f3e;
--color-furious-fox-500: #e64700;
--color-furious-fox-600: #c23e00;
--color-furious-fox-700: #9c3200;
--color-furious-fox-800: #752203;
--color-furious-fox-900: #531703;
--color-furious-fox-950: #370600;
}SCSS
$furious-fox: #e35519;
$furious-fox-rgb: 227, 85, 25;
$furious-fox-light: mix(#fff, $furious-fox, 20%);
$furious-fox-dark: mix(#000, $furious-fox, 20%);
.element {
color: $furious-fox;
box-shadow: 0 0 0 2px rgba($furious-fox, 0.35);
}