Couleur nommée la plus proche · #F8ACA6
#F8ACA6
Couleur nommée la plus proche: Peach Bud
#F8ACA6 (rgb(248 172 166), hsl(4 85% 81%), oklch(0.816 0.09 24.3)) est la plus proche de la couleur nommée Peach Bud. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F8ACA6
oklch(0.816 0.09 24.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- F9B4AF
- FBBDB7
- FCC5C0
- FDCDC9
- FED6D2
- FEDEDB
- FFE6E4
- FFEEED
- FFF7F6
Ombres
- D89590
- B87F7A
- 9A6965
- 7C5451
- 60403E
- 452D2B
- 2C1B1A
- 150B0A
- 030101
Tons
- ECA8A2
- E0A39E
- D49F9B
- C89B97
- BC9693
- B0928F
- A48E8B
- 988988
- 8C8584
Harmonies de couleurs
Complémentaire +180°
- F8ACA6
Peach Bud
- 76D4DE
≈ Sea of Tranquillity
Analogue -30° +30°
- F8ACA6
Peach Bud
- F2ABC6
≈ Rose Mallow
- F1B38B
≈ Peach Nirvana
Triadique +120° +240°
- F8ACA6
Peach Bud
- 9FD39E
≈ Sunlit Glade
- A5C2FE
≈ Pastel Blue
Complémentaire divisée +150° +210°
- F8ACA6
Peach Bud
- 81D6BE
≈ Mint Majesty
- 86CDF5
≈ Drift on the Sea
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.83:1 · APCA Lc 34
Ag
AAASur noir
WCAG 11.44:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
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);
}