Colore con nome più vicino · #F8ACA6
#F8ACA6
Colore con nome più vicino: Peach Bud
#F8ACA6 (rgb(248 172 166), hsl(4 85% 81%), oklch(0.816 0.09 24.3)) è più vicino al colore con nome Peach Bud. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#F8ACA6
oklch(0.816 0.09 24.3)
Conversioni di colore
- HEX
- #f8aca6
- RGB
- rgb(248 172 166)
- HSL
- hsl(4 85% 81%)
- HWB
- hwb(4 65% 3%)
- OKLCH
- oklch(0.816 0.09 24.3)
- OKLab
- oklab(0.816 0.082 0.037)
- CIE Lab
- lab(77.74 28.14 14.95)
- LCH
- lch(77.74 31.87 28)
- CMYK
- cmyk(0% 31% 33% 3%)
Tinte · Ombre · Toni
Tinte
- F9B4AF
- FBBDB7
- FCC5C0
- FDCDC9
- FED6D2
- FEDEDB
- FFE6E4
- FFEEED
- FFF7F6
Ombre
- D89590
- B87F7A
- 9A6965
- 7C5451
- 60403E
- 452D2B
- 2C1B1A
- 150B0A
- 030101
Toni
- ECA8A2
- E0A39E
- D49F9B
- C89B97
- BC9693
- B0928F
- A48E8B
- 988988
- 8C8584
Armonie di colore
Complementare +180°
- F8ACA6
Peach Bud
- 76D4DE
≈ Sea of Tranquillity
Analogo -30° +30°
- F8ACA6
Peach Bud
- F2ABC6
≈ Rose Mallow
- F1B38B
≈ Peach Nirvana
Triadico +120° +240°
- F8ACA6
Peach Bud
- 9FD39E
≈ Sunlit Glade
- A5C2FE
≈ Pastel Blue
Complementare divisa +150° +210°
- F8ACA6
Peach Bud
- 81D6BE
≈ Mint Majesty
- 86CDF5
≈ Drift on the Sea
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.83:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.44:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-bud: #f8aca6;
--peach-bud-rgb: 248 172 166;
--peach-bud-oklch: oklch(0.816 0.09 24.3);
}
.element {
color: var(--peach-bud);
background-color: hsl(4 85% 81%);
border-color: oklch(0.816 0.09 24.3);
}Tailwind CSS v4
@theme {
--color-peach-bud: #f8aca6;
--color-peach-bud-50: #ffece8;
--color-peach-bud-100: #ffddd8;
--color-peach-bud-200: #f9c6c0;
--color-peach-bud-300: #e2a69f;
--color-peach-bud-400: #cf8984;
--color-peach-bud-500: #bb6d68;
--color-peach-bud-600: #9e5d59;
--color-peach-bud-700: #7f4a47;
--color-peach-bud-800: #5e3534;
--color-peach-bud-900: #422423;
--color-peach-bud-950: #2a1312;
}SCSS
$peach-bud: #f8aca6;
$peach-bud-rgb: 248, 172, 166;
$peach-bud-light: mix(#fff, $peach-bud, 20%);
$peach-bud-dark: mix(#000, $peach-bud, 20%);
.element {
color: $peach-bud;
box-shadow: 0 0 0 2px rgba($peach-bud, 0.35);
}