Colore con nome · #BA90AD
Fabulous Fantasy
Fabulous Fantasy è #BA90AD: rgb(186 144 173), hsl(319 23% 65%), oklch(0.702 0.064 337.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Fabulous Fantasy color name →
#BA90AD
oklch(0.702 0.064 337.9)
Conversioni di colore
- HEX
- #ba90ad
- RGB
- rgb(186 144 173)
- HSL
- hsl(319 23% 65%)
- HWB
- hwb(319 56% 27%)
- OKLCH
- oklch(0.702 0.064 337.9)
- OKLab
- oklab(0.702 0.059 -0.024)
- CIE Lab
- lab(64.52 19.91 -8.86)
- LCH
- lch(64.52 21.79 336)
- CMYK
- cmyk(0% 23% 7% 27%)
Tinte · Ombre · Toni
Tinte
- C19BB5
- C8A6BD
- CFB0C5
- D6BBCD
- DDC6D5
- E4D2DE
- EBDDE6
- F1E8EE
- F8F4F7
Ombre
- A17D96
- 896A7F
- 72576A
- 5C4555
- 463441
- 32242D
- 1E151B
- 0D070B
- 020101
Toni
- B48EA8
- AE8DA4
- A98B9F
- A38A9B
- 9D8896
- 978792
- 91858D
- 8C8389
- 868284
Armonie di colore
Complementare +180°
- BA90AD
Fabulous Fantasy
- 7DAC90
≈ Nature Green
Analogo -30° +30°
- BA90AD
Fabulous Fantasy
- AA95BE
≈ Enchanted Lilac
- C38F97
≈ Dogwood Bloom
Triadico +120° +240°
- BA90AD
Fabulous Fantasy
- A9A072
≈ Fresh Olive
- 70A9BA
≈ Milky Blue
Complementare divisa +150° +210°
- BA90AD
Fabulous Fantasy
- 93A77C
≈ Forester
- 6FACA6
≈ Turquoise Fantasies
Tetradico +90° +180° +270°
- BA90AD
Fabulous Fantasy
- BA9874
≈ Woven Wicker
- 7DAC90
≈ Nature Green
- 80A3C5
≈ Seaborne
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.73:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.68:1 · APCA Lc 49
Miglior colore del testo: #000000
WCAG 7.68:1 (AAA) · APCA Lc 49
Contrast pairs
Frammenti di codice
CSS
:root {
--fabulous-fantasy: #ba90ad;
--fabulous-fantasy-rgb: 186 144 173;
--fabulous-fantasy-oklch: oklch(0.702 0.064 337.9);
}
.element {
color: var(--fabulous-fantasy);
background-color: hsl(319 23% 65%);
border-color: oklch(0.702 0.064 337.9);
}Tailwind CSS v4
@theme {
--color-fabulous-fantasy: #ba90ad;
--color-fabulous-fantasy-50: #ffeefb;
--color-fabulous-fantasy-100: #f8e0ef;
--color-fabulous-fantasy-200: #e8cadd;
--color-fabulous-fantasy-300: #cfabc2;
--color-fabulous-fantasy-400: #b890ac;
--color-fabulous-fantasy-500: #a27695;
--color-fabulous-fantasy-600: #89647e;
--color-fabulous-fantasy-700: #6e5065;
--color-fabulous-fantasy-800: #513a4b;
--color-fabulous-fantasy-900: #382834;
--color-fabulous-fantasy-950: #23161f;
}SCSS
$fabulous-fantasy: #ba90ad;
$fabulous-fantasy-rgb: 186, 144, 173;
$fabulous-fantasy-light: mix(#fff, $fabulous-fantasy, 20%);
$fabulous-fantasy-dark: mix(#000, $fabulous-fantasy, 20%);
.element {
color: $fabulous-fantasy;
box-shadow: 0 0 0 2px rgba($fabulous-fantasy, 0.35);
}