Benannte Farbe · #FF5511
Oil on Fire
Oil on Fire ist #FF5511: rgb(255 85 17), hsl(17 100% 53%), oklch(0.676 0.216 37.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Oil on Fire color name →
#FF5511
oklch(0.676 0.216 37.8)
Farbumrechnungen
- HEX
- #ff5511
- RGB
- rgb(255 85 17)
- HSL
- hsl(17 100% 53%)
- HWB
- hwb(17 7% 0%)
- OKLCH
- oklch(0.676 0.216 37.8)
- OKLab
- oklab(0.676 0.171 0.133)
- CIE Lab
- lab(60.6 63.83 68.3)
- LCH
- lch(60.6 93.48 46.9)
- CMYK
- cmyk(0% 67% 93% 0%)
Tints · Shades · Tones
Tints
- FF6B3A
- FF7E54
- FF906B
- FFA181
- FFB197
- FFC1AC
- FFD1C0
- FFE0D5
- FFF0EA
Shades
- DE490D
- BE3D09
- 9E3106
- 802604
- 631C02
- 481101
- 2E0800
- 160200
- 030000
Tones
- F35D2B
- E8643A
- DC6A47
- D06F51
- C3735A
- B77763
- AA7A6B
- 9D7C72
- 8F7E79
Farbharmonien
Komplementär +180°
- FF5511
Oil on Fire
- 00A8C8
≈ Gummy Dolphins
Analog -30° +30°
- FF5511
Oil on Fire
- FD4A7E
≈ Sasquatch Socks
- D28200
≈ Copious Caramel
Triadisch +120° +240°
- FF5511
Oil on Fire
- 00B370
≈ Green Teal
- 8088FF
≈ Lavender Blue Shadow
Geteilt komplementär +150° +210°
- FF5511
Oil on Fire
- 00AEA4
≈ Cozumel
- 059CFF
≈ Blue Nebula
Tetradisch +90° +180° +270°
- FF5511
Oil on Fire
- 77AA00
≈ Green Envy
- 00A8C8
≈ Gummy Dolphins
- BC68FB
≈ Easter Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.20:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.55:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.55:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--oil-on-fire: #ff5511;
--oil-on-fire-rgb: 255 85 17;
--oil-on-fire-oklch: oklch(0.676 0.216 37.8);
}
.element {
color: var(--oil-on-fire);
background-color: hsl(17 100% 53%);
border-color: oklch(0.676 0.216 37.8);
}Tailwind CSS v4
@theme {
--color-oil-on-fire: #ff5511;
--color-oil-on-fire-50: #ffe1c7;
--color-oil-on-fire-100: #ffd0b1;
--color-oil-on-fire-200: #ffb38c;
--color-oil-on-fire-300: #ff8b5c;
--color-oil-on-fire-400: #ff632c;
--color-oil-on-fire-500: #f32f00;
--color-oil-on-fire-600: #cd2b00;
--color-oil-on-fire-700: #a52300;
--color-oil-on-fire-800: #7c1600;
--color-oil-on-fire-900: #580f00;
--color-oil-on-fire-950: #3b0000;
}SCSS
$oil-on-fire: #ff5511;
$oil-on-fire-rgb: 255, 85, 17;
$oil-on-fire-light: mix(#fff, $oil-on-fire, 20%);
$oil-on-fire-dark: mix(#000, $oil-on-fire, 20%);
.element {
color: $oil-on-fire;
box-shadow: 0 0 0 2px rgba($oil-on-fire, 0.35);
}