命名颜色 · #FBBDAF
Peach Melba
Peach Melba 即 #FBBDAF：rgb(251 189 175)、hsl(11 90% 84%)、oklch(0.851 0.075 33)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Peach Melba color name →
#FBBDAF
oklch(0.851 0.075 33)
颜色转换
- HEX
- #fbbdaf
- RGB
- rgb(251 189 175)
- HSL
- hsl(11 90% 84%)
- HWB
- hwb(11 69% 2%)
- OKLCH
- oklch(0.851 0.075 33)
- OKLab
- oklab(0.851 0.063 0.041)
- CIE Lab
- lab(82.13 21.62 16.25)
- LCH
- lch(82.13 27.05 36.9)
- CMYK
- cmyk(0% 25% 30% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FCC4B7
- FDCABF
- FDD1C7
- FED7CF
- FEDED7
- FFE5DF
- FFEBE7
- FFF2EF
- FFF8F7
深色调
- DAA498
- BA8C81
- 9C746B
- 7E5D56
- 614741
- 46332E
- 2D1F1C
- 150D0B
- 030201
灰色调
- EEB7AA
- E2B1A6
- D5ABA1
- C9A49C
- BD9E97
- B09893
- A4928E
- 988C89
- 8C8685
配色和谐
互补色 +180°
- FBBDAF
Peach Melba
- 94DCEB
≈ Cool Water Lake
类似色 -30° +30°
- FBBDAF
Peach Melba
- F9BAC9
≈ Christy’s Smile
- F2C49C
≈ Carving Party
三角配色 +120° +240°
- FBBDAF
Peach Melba
- A9DDB7
≈ Celtic Spring
- BECCFF
≈ Light Periwinkle
分裂互补色 +150° +210°
- FBBDAF
Peach Melba
- 96DFD3
≈ Pale Robin Egg Blue
- A4D5FC
≈ Malmö FF
四角配色 +90° +180° +270°
- FBBDAF
Peach Melba
- C5D7A1
≈ Cucumber Ice
- 94DCEB
≈ Cool Water Lake
- D8C3F7
≈ Neon Boneyard
对比度与无障碍
Ag
Fail白底
WCAG 1.61:1 · APCA Lc 28
Ag
AAA黑底
WCAG 12.99:1 · APCA Lc 75
最佳文字颜色: #000000
WCAG 12.99:1 (AAA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--peach-melba: #fbbdaf;
--peach-melba-rgb: 251 189 175;
--peach-melba-oklch: oklch(0.851 0.075 33);
}
.element {
color: var(--peach-melba);
background-color: hsl(11 90% 84%);
border-color: oklch(0.851 0.075 33);
}Tailwind CSS v4
@theme {
--color-peach-melba: #fbbdaf;
--color-peach-melba-50: #ffeee7;
--color-peach-melba-100: #ffe0d7;
--color-peach-melba-200: #f2cabf;
--color-peach-melba-300: #dbaa9e;
--color-peach-melba-400: #c78f82;
--color-peach-melba-500: #b27466;
--color-peach-melba-600: #966257;
--color-peach-melba-700: #794e45;
--color-peach-melba-800: #593932;
--color-peach-melba-900: #3f2722;
--color-peach-melba-950: #281511;
}SCSS
$peach-melba: #fbbdaf;
$peach-melba-rgb: 251, 189, 175;
$peach-melba-light: mix(#fff, $peach-melba, 20%);
$peach-melba-dark: mix(#000, $peach-melba, 20%);
.element {
color: $peach-melba;
box-shadow: 0 0 0 2px rgba($peach-melba, 0.35);
}