Colore con nome · #F1AAA8
Faint of Heart
Faint of Heart è #F1AAA8: rgb(241 170 168), hsl(2 72% 80%), oklch(0.805 0.084 20.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Faint of Heart color name →
#F1AAA8
oklch(0.805 0.084 20.9)
Conversioni di colore
- HEX
- #f1aaa8
- RGB
- rgb(241 170 168)
- HSL
- hsl(2 72% 80%)
- HWB
- hwb(2 66% 5%)
- OKLCH
- oklch(0.805 0.084 20.9)
- OKLab
- oklab(0.805 0.079 0.03)
- CIE Lab
- lab(76.53 26.68 12.05)
- LCH
- lch(76.53 29.27 24.3)
- CMYK
- cmyk(0% 29% 30% 5%)
Tinte · Ombre · Toni
Tinte
- F3B3B0
- F5BBB9
- F7C4C2
- F8CCCA
- FAD4D3
- FBDDDC
- FCE5E4
- FDEEED
- FEF6F6
Ombre
- D29392
- B37D7C
- 956867
- 795352
- 5D3F3F
- 432D2C
- 2B1B1A
- 140B0A
- 030101
Toni
- E6A6A4
- DAA2A0
- CF9E9C
- C39998
- B89594
- AD9190
- A28D8C
- 978988
- 8B8484
Armonie di colore
Complementare +180°
- F1AAA8
Faint of Heart
- 79D0D5
≈ Soft Turquoise
Analogo -30° +30°
- F1AAA8
Faint of Heart
- EAA9C6
≈ Pink Macaroon
- ECB08E
≈ Apricot Preserves
Triadico +120° +240°
- F1AAA8
Faint of Heart
- A2CD9A
≈ Mover & Shaker
- A1C0F6
≈ Pastel Blue
Complementare divisa +150° +210°
- F1AAA8
Faint of Heart
- 85D1B8
≈ Tropical Trail
- 85CAEC
≈ Fish Pond
Tetradico +90° +180° +270°
- F1AAA8
Faint of Heart
- C1C585
≈ Soda Pop
- 79D0D5
≈ Soft Turquoise
- BFB6F2
≈ Purple Sand
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.89:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.05:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 11.05:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--faint-of-heart: #f1aaa8;
--faint-of-heart-rgb: 241 170 168;
--faint-of-heart-oklch: oklch(0.805 0.084 20.9);
}
.element {
color: var(--faint-of-heart);
background-color: hsl(2 72% 80%);
border-color: oklch(0.805 0.084 20.9);
}Tailwind CSS v4
@theme {
--color-faint-of-heart: #f1aaa8;
--color-faint-of-heart-50: #ffecea;
--color-faint-of-heart-100: #ffdedb;
--color-faint-of-heart-200: #f7c7c4;
--color-faint-of-heart-300: #e0a7a3;
--color-faint-of-heart-400: #cc8b89;
--color-faint-of-heart-500: #b76f6e;
--color-faint-of-heart-600: #9b5e5d;
--color-faint-of-heart-700: #7c4b4a;
--color-faint-of-heart-800: #5c3637;
--color-faint-of-heart-900: #412525;
--color-faint-of-heart-950: #291314;
}SCSS
$faint-of-heart: #f1aaa8;
$faint-of-heart-rgb: 241, 170, 168;
$faint-of-heart-light: mix(#fff, $faint-of-heart, 20%);
$faint-of-heart-dark: mix(#000, $faint-of-heart, 20%);
.element {
color: $faint-of-heart;
box-shadow: 0 0 0 2px rgba($faint-of-heart, 0.35);
}