Colore con nome · #F0531C
Fiery Glow
Fiery Glow è #F0531C: rgb(240 83 28), hsl(16 88% 53%), oklch(0.65 0.202 37.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Fiery Glow color name →
#F0531C
oklch(0.65 0.202 37.4)
Conversioni di colore
- HEX
- #f0531c
- RGB
- rgb(240 83 28)
- HSL
- hsl(16 88% 53%)
- HWB
- hwb(16 11% 6%)
- OKLCH
- oklch(0.65 0.202 37.4)
- OKLab
- oklab(0.65 0.161 0.123)
- CIE Lab
- lab(57.71 59.76 61.71)
- LCH
- lch(57.71 85.9 45.9)
- CMYK
- cmyk(0% 65% 88% 6%)
Tinte · Ombre · Toni
Tinte
- F4683D
- F87B56
- FB8D6C
- FE9E82
- FFAF97
- FFBFAB
- FFCFC0
- FFDFD5
- FFEFEA
Ombre
- D14717
- B23B12
- 95300D
- 782508
- 5D1B05
- 431102
- 2A0801
- 140200
- 030000
Toni
- E65B2F
- DC623D
- D16848
- C76D52
- BC715B
- B17563
- A5786B
- 9A7B72
- 8D7E79
Armonie di colore
Complementare +180°
- F0531C
Fiery Glow
- 00A0BE
≈ Greek Blue
Analogo -30° +30°
- F0531C
Fiery Glow
- EE4979
≈ Radishical
- C87B00
≈ Seabuckthorn Yellow Brown
Triadico +120° +240°
- F0531C
Fiery Glow
- 00AA69
≈ Greedo Green
- 777EFF
≈ Orchid
Complementare divisa +150° +210°
- F0531C
Fiery Glow
- 00A59B
≈ Baltic Turquoise
- 0094F2
≈ Karimun Blue
Tetradico +90° +180° +270°
- F0531C
Fiery Glow
- 72A100
≈ Support Green
- 00A0BE
≈ Greek Blue
- B165ED
≈ Queer Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.52:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.95:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 5.95:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--fiery-glow: #f0531c;
--fiery-glow-rgb: 240 83 28;
--fiery-glow-oklch: oklch(0.65 0.202 37.4);
}
.element {
color: var(--fiery-glow);
background-color: hsl(16 88% 53%);
border-color: oklch(0.65 0.202 37.4);
}Tailwind CSS v4
@theme {
--color-fiery-glow: #f0531c;
--color-fiery-glow-50: #ffe2ca;
--color-fiery-glow-100: #ffd1b5;
--color-fiery-glow-200: #ffb592;
--color-fiery-glow-300: #ff8f64;
--color-fiery-glow-400: #fe693a;
--color-fiery-glow-500: #ed3b00;
--color-fiery-glow-600: #c83500;
--color-fiery-glow-700: #a12a00;
--color-fiery-glow-800: #791c00;
--color-fiery-glow-900: #551302;
--color-fiery-glow-950: #390300;
}SCSS
$fiery-glow: #f0531c;
$fiery-glow-rgb: 240, 83, 28;
$fiery-glow-light: mix(#fff, $fiery-glow, 20%);
$fiery-glow-dark: mix(#000, $fiery-glow, 20%);
.element {
color: $fiery-glow;
box-shadow: 0 0 0 2px rgba($fiery-glow, 0.35);
}