En yakın adlandırılmış renk · #F8ACA6
#F8ACA6
En yakın adlandırılmış renk: Peach Bud
#F8ACA6 (rgb(248 172 166), hsl(4 85% 81%), oklch(0.816 0.09 24.3)) en çok Peach Bud adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#F8ACA6
oklch(0.816 0.09 24.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F9B4AF
- FBBDB7
- FCC5C0
- FDCDC9
- FED6D2
- FEDEDB
- FFE6E4
- FFEEED
- FFF7F6
Koyu tonlar
- D89590
- B87F7A
- 9A6965
- 7C5451
- 60403E
- 452D2B
- 2C1B1A
- 150B0A
- 030101
Gri tonlar
- ECA8A2
- E0A39E
- D49F9B
- C89B97
- BC9693
- B0928F
- A48E8B
- 988988
- 8C8584
Renk uyumları
Tamamlayıcı +180°
- F8ACA6
Peach Bud
- 76D4DE
≈ Sea of Tranquillity
Analog -30° +30°
- F8ACA6
Peach Bud
- F2ABC6
≈ Rose Mallow
- F1B38B
≈ Peach Nirvana
Üçlü +120° +240°
- F8ACA6
Peach Bud
- 9FD39E
≈ Sunlit Glade
- A5C2FE
≈ Pastel Blue
Bölünmüş tamamlayıcı +150° +210°
- F8ACA6
Peach Bud
- 81D6BE
≈ Mint Majesty
- 86CDF5
≈ Drift on the Sea
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.83:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.44:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
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);
}