最も近い色名 · #F9AB9F
#F9AB9F
最も近い色名: Peach Bud
#F9AB9F（rgb(249 171 159)、hsl(8 88% 80%)、oklch(0.813 0.094 29)）に最も近い色名はPeach Budです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#F9AB9F
oklch(0.813 0.094 29)
カラー変換
- HEX
- #f9ab9f
- RGB
- rgb(249 171 159)
- HSL
- hsl(8 88% 80%)
- HWB
- hwb(8 62% 2%)
- OKLCH
- oklch(0.813 0.094 29)
- OKLab
- oklab(0.813 0.082 0.046)
- CIE Lab
- lab(77.5 28.41 18.42)
- LCH
- lch(77.5 33.86 33)
- CMYK
- cmyk(0% 31% 36% 2%)
ティント · シェード · トーン
ティント
- FAB4A8
- FCBCB2
- FDC4BB
- FDCDC5
- FED5CE
- FFDED8
- FFE6E2
- FFEEEB
- FFF7F5
シェード
- D9948A
- B97E75
- 9A6861
- 7D544D
- 61403B
- 462D29
- 2C1B18
- 150B09
- 030101
トーン
- EDA79C
- E1A399
- D49E96
- C89A93
- BC9690
- B0928D
- A48D8A
- 988986
- 8C8483
カラーハーモニー
補色 +180°
- F9AB9F
Peach Bud
- 72D3E3
≈ Middle Blue
類似色 -30° +30°
- F9AB9F
Peach Bud
- F5A9C1
≈ Pink Flutter
- F0B384
≈ Smoked Ham
トライアド +120° +240°
- F9AB9F
Peach Bud
- 97D3A1
≈ Sunlit Glade
- A9C0FF
≈ Pastel Blue
スプリットコンプリメンタリー +150° +210°
- F9AB9F
Peach Bud
- 79D6C3
≈ Green Parakeet
- 87CBF8
≈ Drift on the Sea
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.84:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.35:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.35:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--peach-bud: #f9ab9f;
--peach-bud-rgb: 249 171 159;
--peach-bud-oklch: oklch(0.813 0.094 29);
}
.element {
color: var(--peach-bud);
background-color: hsl(8 88% 80%);
border-color: oklch(0.813 0.094 29);
}Tailwind CSS v4
@theme {
--color-peach-bud: #f9ab9f;
--color-peach-bud-50: #ffece5;
--color-peach-bud-100: #ffddd5;
--color-peach-bud-200: #fac6bc;
--color-peach-bud-300: #e4a69a;
--color-peach-bud-400: #d0897e;
--color-peach-bud-500: #bc6d62;
--color-peach-bud-600: #9f5c53;
--color-peach-bud-700: #804a42;
--color-peach-bud-800: #5f3530;
--color-peach-bud-900: #432421;
--color-peach-bud-950: #2b1310;
}SCSS
$peach-bud: #f9ab9f;
$peach-bud-rgb: 249, 171, 159;
$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);
}