Colore con nome · #960018
Flame Hawkfish
Flame Hawkfish è #960018: rgb(150 0 24), hsl(350 100% 29%), oklch(0.424 0.172 24.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Flame Hawkfish color name →
#960018
oklch(0.424 0.172 24.1)
Conversioni di colore
- HEX
- #960018
- RGB
- rgb(150 0 24)
- HSL
- hsl(350 100% 29%)
- HWB
- hwb(350 0% 41%)
- OKLCH
- oklch(0.424 0.172 24.1)
- OKLab
- oklab(0.424 0.157 0.07)
- CIE Lab
- lab(31.44 54.68 34.71)
- LCH
- lch(31.44 64.77 32.4)
- CMYK
- cmyk(0% 100% 84% 41%)
Tinte · Ombre · Toni
Tinte
- A42D30
- B04845
- BC605B
- C87771
- D38D88
- DDA49F
- E6BAB6
- EFD1CE
- F7E8E6
Ombre
- 820013
- 6E000F
- 5B000A
- 490007
- 370004
- 260002
- 160001
- 080000
- 010000
Toni
- 961F24
- 952F30
- 953C3A
- 934844
- 92524E
- 8F5C58
- 8D6562
- 896E6C
- 857776
Armonie di colore
Complementare +180°
- 960018
Flame Hawkfish
- 005960
≈ Entrapment
Analogo -30° +30°
- 960018
Flame Hawkfish
- 8E0554
≈ Reddish Purple
- 793B00
≈ Red Beech
Triadico +120° +240°
- 960018
Flame Hawkfish
- 006010
≈ Thuja Green
- 1B43AA
≈ Indian Peafowl
Complementare divisa +150° +210°
- 960018
Flame Hawkfish
- 005C4B
≈ Evergreen
- 005577
≈ Studer Blue
Tetradico +90° +180° +270°
- 960018
Flame Hawkfish
- 4E5300
≈ Douro
- 005960
≈ Entrapment
- 572FA0
≈ Royalty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.09:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.30:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 9.09:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--flame-hawkfish: #960018;
--flame-hawkfish-rgb: 150 0 24;
--flame-hawkfish-oklch: oklch(0.424 0.172 24.1);
}
.element {
color: var(--flame-hawkfish);
background-color: hsl(350 100% 29%);
border-color: oklch(0.424 0.172 24.1);
}Tailwind CSS v4
@theme {
--color-flame-hawkfish: #960018;
--color-flame-hawkfish-50: #ffe3dc;
--color-flame-hawkfish-100: #ffd2ca;
--color-flame-hawkfish-200: #ffb8ae;
--color-flame-hawkfish-300: #ff9388;
--color-flame-hawkfish-400: #f36f6b;
--color-flame-hawkfish-500: #e1494a;
--color-flame-hawkfish-600: #be3f40;
--color-flame-hawkfish-700: #993232;
--color-flame-hawkfish-800: #722326;
--color-flame-hawkfish-900: #511719;
--color-flame-hawkfish-950: #35070a;
}SCSS
$flame-hawkfish: #960018;
$flame-hawkfish-rgb: 150, 0, 24;
$flame-hawkfish-light: mix(#fff, $flame-hawkfish, 20%);
$flame-hawkfish-dark: mix(#000, $flame-hawkfish, 20%);
.element {
color: $flame-hawkfish;
box-shadow: 0 0 0 2px rgba($flame-hawkfish, 0.35);
}