Colore con nome · #F0A3BC
Alien Conspiracy Pink
Alien Conspiracy Pink è #F0A3BC: rgb(240 163 188), hsl(341 72% 79%), oklch(0.797 0.096 358.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Alien Conspiracy Pink color name →
#F0A3BC
oklch(0.797 0.096 358.4)
Conversioni di colore
- HEX
- #f0a3bc
- RGB
- rgb(240 163 188)
- HSL
- hsl(341 72% 79%)
- HWB
- hwb(341 64% 6%)
- OKLCH
- oklch(0.797 0.096 358.4)
- OKLab
- oklab(0.797 0.096 -0.003)
- CIE Lab
- lab(75.26 31.83 -0.66)
- LCH
- lch(75.26 31.84 358.8)
- CMYK
- cmyk(0% 32% 22% 6%)
Tinte · Ombre · Toni
Tinte
- F2ACC3
- F4B5C9
- F6BFD0
- F8C8D6
- FAD1DD
- FBDAE4
- FCE3EB
- FDEDF1
- FEF6F8
Ombre
- D18DA3
- B2788B
- 956373
- 784F5D
- 5D3C47
- 432A32
- 2A191F
- 140A0D
- 030102
Toni
- E5A0B6
- D99CB0
- CE99AA
- C396A4
- B8929D
- AD8F97
- A28B92
- 96878C
- 8B8486
Armonie di colore
Complementare +180°
- F0A3BC
Alien Conspiracy Pink
- 72D1BD
≈ Downy
Analogo -30° +30°
- F0A3BC
Alien Conspiracy Pink
- DFA7DC
≈ Barely Bloomed
- F4A59A
≈ Wisley Pink
Triadico +120° +240°
- F0A3BC
Alien Conspiracy Pink
- B7C67E
≈ Everglade Glen
- 80C6F4
≈ Nevermind Nirvana
Complementare divisa +150° +210°
- F0A3BC
Alien Conspiracy Pink
- 92CE9A
≈ Fennel
- 6ACEDD
≈ Slick Blue
Tetradico +90° +180° +270°
- F0A3BC
Alien Conspiracy Pink
- D6BA73
≈ Good as Gold
- 72D1BD
≈ Downy
- A3BBFB
≈ Pastel Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.67:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.67:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--alien-conspiracy-pink: #f0a3bc;
--alien-conspiracy-pink-rgb: 240 163 188;
--alien-conspiracy-pink-oklch: oklch(0.797 0.096 358.4);
}
.element {
color: var(--alien-conspiracy-pink);
background-color: hsl(341 72% 79%);
border-color: oklch(0.797 0.096 358.4);
}Tailwind CSS v4
@theme {
--color-alien-conspiracy-pink: #f0a3bc;
--color-alien-conspiracy-pink-50: #ffeaf4;
--color-alien-conspiracy-pink-100: #ffdbe6;
--color-alien-conspiracy-pink-200: #f8c4d2;
--color-alien-conspiracy-pink-300: #e1a3b5;
--color-alien-conspiracy-pink-400: #cd869e;
--color-alien-conspiracy-pink-500: #b96a85;
--color-alien-conspiracy-pink-600: #9c5a71;
--color-alien-conspiracy-pink-700: #7d485a;
--color-alien-conspiracy-pink-800: #5d3443;
--color-alien-conspiracy-pink-900: #41232e;
--color-alien-conspiracy-pink-950: #29121b;
}SCSS
$alien-conspiracy-pink: #f0a3bc;
$alien-conspiracy-pink-rgb: 240, 163, 188;
$alien-conspiracy-pink-light: mix(#fff, $alien-conspiracy-pink, 20%);
$alien-conspiracy-pink-dark: mix(#000, $alien-conspiracy-pink, 20%);
.element {
color: $alien-conspiracy-pink;
box-shadow: 0 0 0 2px rgba($alien-conspiracy-pink, 0.35);
}