最も近い色名 · #F8ACA6
#F8ACA6
最も近い色名: Peach Bud
#F8ACA6（rgb(248 172 166)、hsl(4 85% 81%)、oklch(0.816 0.09 24.3)）に最も近い色名はPeach Budです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F8ACA6
oklch(0.816 0.09 24.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- F9B4AF
- FBBDB7
- FCC5C0
- FDCDC9
- FED6D2
- FEDEDB
- FFE6E4
- FFEEED
- FFF7F6
シェード
- D89590
- B87F7A
- 9A6965
- 7C5451
- 60403E
- 452D2B
- 2C1B1A
- 150B0A
- 030101
トーン
- ECA8A2
- E0A39E
- D49F9B
- C89B97
- BC9693
- B0928F
- A48E8B
- 988988
- 8C8584
カラーハーモニー
補色 +180°
- F8ACA6
Peach Bud
- 76D4DE
≈ Sea of Tranquillity
類似色 -30° +30°
- F8ACA6
Peach Bud
- F2ABC6
≈ Rose Mallow
- F1B38B
≈ Peach Nirvana
トライアド +120° +240°
- F8ACA6
Peach Bud
- 9FD39E
≈ Sunlit Glade
- A5C2FE
≈ Pastel Blue
スプリットコンプリメンタリー +150° +210°
- F8ACA6
Peach Bud
- 81D6BE
≈ Mint Majesty
- 86CDF5
≈ Drift on the Sea
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.83:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.44:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.44:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
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);
}