Colore con nome · #FD4C29
Flame Angelfish
Flame Angelfish è #FD4C29: rgb(253 76 41), hsl(10 98% 58%), oklch(0.665 0.219 33). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Flame Angelfish color name →
#FD4C29
oklch(0.665 0.219 33)
Conversioni di colore
- HEX
- #fd4c29
- RGB
- rgb(253 76 41)
- HSL
- hsl(10 98% 58%)
- HWB
- hwb(10 16% 1%)
- OKLCH
- oklch(0.665 0.219 33)
- OKLab
- oklab(0.665 0.183 0.119)
- CIE Lab
- lab(59.13 66.65 58.79)
- LCH
- lch(59.13 88.87 41.4)
- CMYK
- cmyk(0% 70% 84% 1%)
Tinte · Ombre · Toni
Tinte
- FF6445
- FF785C
- FF8B71
- FF9D86
- FFAE9A
- FFBEAE
- FFCFC2
- FFDFD6
- FFEFEB
Ombre
- DC4122
- BC361C
- 9D2C15
- 7F220F
- 621809
- 470F05
- 2D0602
- 160201
- 030000
Toni
- F25638
- E65E43
- DB654D
- CF6B56
- C3705E
- B67465
- AA786D
- 9D7B73
- 8F7E7A
Armonie di colore
Complementare +180°
- FD4C29
Flame Angelfish
- 00A6BE
≈ Maui
Analogo -30° +30°
- FD4C29
Flame Angelfish
- F74587
≈ Lower Lip
- D37B00
≈ Autumn Leaf Orange
Triadico +120° +240°
- FD4C29
Flame Angelfish
- 00B05E
≈ Nordic Grass Green
- 7287FF
≈ Punch Out Glove
Complementare divisa +150° +210°
- FD4C29
Flame Angelfish
- 00AB9B
≈ Tropical Hideaway
- 009CED
≈ Out of the Blue
Tetradico +90° +180° +270°
- FD4C29
Flame Angelfish
- 81A300
≈ Spring Vegetables
- 00A6BE
≈ Maui
- B068FF
≈ Purple Hedonist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.36:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.24:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.24:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--flame-angelfish: #fd4c29;
--flame-angelfish-rgb: 253 76 41;
--flame-angelfish-oklch: oklch(0.665 0.219 33);
}
.element {
color: var(--flame-angelfish);
background-color: hsl(10 98% 58%);
border-color: oklch(0.665 0.219 33);
}Tailwind CSS v4
@theme {
--color-flame-angelfish: #fd4c29;
--color-flame-angelfish-50: #ffdfcb;
--color-flame-angelfish-100: #ffceb6;
--color-flame-angelfish-200: #ffb193;
--color-flame-angelfish-300: #ff8866;
--color-flame-angelfish-400: #ff5f3e;
--color-flame-angelfish-500: #f52600;
--color-flame-angelfish-600: #cf2500;
--color-flame-angelfish-700: #a61e00;
--color-flame-angelfish-800: #7d1205;
--color-flame-angelfish-900: #580c04;
--color-flame-angelfish-950: #3b0000;
}SCSS
$flame-angelfish: #fd4c29;
$flame-angelfish-rgb: 253, 76, 41;
$flame-angelfish-light: mix(#fff, $flame-angelfish, 20%);
$flame-angelfish-dark: mix(#000, $flame-angelfish, 20%);
.element {
color: $flame-angelfish;
box-shadow: 0 0 0 2px rgba($flame-angelfish, 0.35);
}