Colore con nome · #FF5511
Oil on Fire
Oil on Fire è #FF5511: rgb(255 85 17), hsl(17 100% 53%), oklch(0.676 0.216 37.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Oil on Fire color name →
#FF5511
oklch(0.676 0.216 37.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FF6B3A
- FF7E54
- FF906B
- FFA181
- FFB197
- FFC1AC
- FFD1C0
- FFE0D5
- FFF0EA
Ombre
- DE490D
- BE3D09
- 9E3106
- 802604
- 631C02
- 481101
- 2E0800
- 160200
- 030000
Toni
- F35D2B
- E8643A
- DC6A47
- D06F51
- C3735A
- B77763
- AA7A6B
- 9D7C72
- 8F7E79
Armonie di colore
Complementare +180°
- FF5511
Oil on Fire
- 00A8C8
≈ Gummy Dolphins
Analogo -30° +30°
- FF5511
Oil on Fire
- FD4A7E
≈ Sasquatch Socks
- D28200
≈ Copious Caramel
Triadico +120° +240°
- FF5511
Oil on Fire
- 00B370
≈ Green Teal
- 8088FF
≈ Lavender Blue Shadow
Complementare divisa +150° +210°
- FF5511
Oil on Fire
- 00AEA4
≈ Cozumel
- 059CFF
≈ Blue Nebula
Tetradico +90° +180° +270°
- FF5511
Oil on Fire
- 77AA00
≈ Green Envy
- 00A8C8
≈ Gummy Dolphins
- BC68FB
≈ Easter Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.20:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.55:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.55:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
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);
}