Colore con nome · #F091A9
Astilbe
Astilbe è #F091A9: rgb(240 145 169), hsl(345 76% 75%), oklch(0.762 0.118 3.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Astilbe color name →
#F091A9
oklch(0.762 0.118 3.9)
Conversioni di colore
- HEX
- #f091a9
- RGB
- rgb(240 145 169)
- HSL
- hsl(345 76% 75%)
- HWB
- hwb(345 57% 6%)
- OKLCH
- oklch(0.762 0.118 3.9)
- OKLab
- oklab(0.762 0.117 0.008)
- CIE Lab
- lab(70.93 38.88 3.59)
- LCH
- lch(70.93 39.05 5.3)
- CMYK
- cmyk(0% 40% 30% 6%)
Tinte · Ombre · Toni
Tinte
- F39CB1
- F5A7BA
- F7B2C2
- F9BDCB
- FBC8D3
- FCD3DC
- FDDEE5
- FEE9ED
- FFF4F6
Ombre
- D17D92
- B26A7C
- 955867
- 784653
- 5D353F
- 43252C
- 2A151B
- 14070A
- 030101
Toni
- E590A5
- DA8EA1
- CF8D9C
- C48B98
- B98A94
- AE8890
- A2868C
- 978488
- 8C8284
Armonie di colore
Complementare +180°
- F091A9
Astilbe
- 42CABA
≈ Cockatoo
Analogo -30° +30°
- F091A9
Astilbe
- DF95D1
≈ Crepe Myrtle
- F3957F
≈ Guava Jelly
Triadico +120° +240°
- F091A9
Astilbe
- A2BE68
≈ Chinese Money Plant
- 6CBAF7
≈ Broken Blue
Complementare divisa +150° +210°
- F091A9
Astilbe
- 71C88F
≈ Green Gala
- 3FC5DF
≈ Naxos Sky
Tetradico +90° +180° +270°
- F091A9
Astilbe
- CAB052
≈ Hollywood
- 42CABA
≈ Cockatoo
- 9AACFC
≈ Widowmaker
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.32:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--astilbe: #f091a9;
--astilbe-rgb: 240 145 169;
--astilbe-oklch: oklch(0.762 0.118 3.9);
}
.element {
color: var(--astilbe);
background-color: hsl(345 76% 75%);
border-color: oklch(0.762 0.118 3.9);
}Tailwind CSS v4
@theme {
--color-astilbe: #f091a9;
--color-astilbe-50: #ffe8f0;
--color-astilbe-100: #ffd8e2;
--color-astilbe-200: #ffc0cc;
--color-astilbe-300: #ec9eae;
--color-astilbe-400: #d88096;
--color-astilbe-500: #c5627d;
--color-astilbe-600: #a6536a;
--color-astilbe-700: #864255;
--color-astilbe-800: #632f3f;
--color-astilbe-900: #45202b;
--color-astilbe-950: #2d0f19;
}SCSS
$astilbe: #f091a9;
$astilbe-rgb: 240, 145, 169;
$astilbe-light: mix(#fff, $astilbe, 20%);
$astilbe-dark: mix(#000, $astilbe, 20%);
.element {
color: $astilbe;
box-shadow: 0 0 0 2px rgba($astilbe, 0.35);
}