最接近的命名颜色 · #F6AB88
#F6AB88
最接近的命名颜色: Peach Fizz
#F6AB88（rgb(246 171 136)、hsl(19 86% 75%)、oklch(0.805 0.101 45.9)）最接近命名颜色 Peach Fizz。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F6AB88
oklch(0.805 0.101 45.9)
颜色转换
- HEX
- #f6ab88
- RGB
- rgb(246 171 136)
- HSL
- hsl(19 86% 75%)
- HWB
- hwb(19 53% 4%)
- OKLCH
- oklch(0.805 0.101 45.9)
- OKLab
- oklab(0.805 0.07 0.072)
- CIE Lab
- lab(76.79 25.44 29.69)
- LCH
- lch(76.79 39.1 49.4)
- CMYK
- cmyk(0% 30% 45% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F8B494
- F9BCA0
- FAC5AC
- FCCDB8
- FDD5C3
- FDDECF
- FEE6DB
- FFEEE7
- FFF7F3
深色调
- D69475
- B77E63
- 986852
- 7B5441
- 5F4031
- 452D22
- 2C1B13
- 150B06
- 030101
灰色调
- EAA788
- DEA387
- D29F87
- C69A86
- BB9685
- AF9284
- A38D83
- 988982
- 8C8481
配色和谐
互补色 +180°
- F6AB88
Peach Fizz
- 72CDF1
≈ Nevermind Nirvana
类似色 -30° +30°
- F6AB88
Peach Fizz
- F9A5A9
≈ Simple Pink
- E5B773
≈ Veranda Yellow
三角配色 +120° +240°
- F6AB88
Peach Fizz
- 7CD4B0
≈ Sea Treasure
- B9B6FE
≈ Greyish Lavender
分裂互补色 +150° +210°
- F6AB88
Peach Fizz
- 66D4D4
≈ Hidden Sea Glass
- 95C2FF
≈ Pastel Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.89:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.09:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--peach-fizz: #f6ab88;
--peach-fizz-rgb: 246 171 136;
--peach-fizz-oklch: oklch(0.805 0.101 45.9);
}
.element {
color: var(--peach-fizz);
background-color: hsl(19 86% 75%);
border-color: oklch(0.805 0.101 45.9);
}Tailwind CSS v4
@theme {
--color-peach-fizz: #f6ab88;
--color-peach-fizz-50: #ffeddd;
--color-peach-fizz-100: #ffdfcb;
--color-peach-fizz-200: #f9c8b0;
--color-peach-fizz-300: #e3a88b;
--color-peach-fizz-400: #d08b6b;
--color-peach-fizz-500: #bc6f4a;
--color-peach-fizz-600: #9f5f3f;
--color-peach-fizz-700: #804b32;
--color-peach-fizz-800: #5f3624;
--color-peach-fizz-900: #432518;
--color-peach-fizz-950: #2b1309;
}SCSS
$peach-fizz: #f6ab88;
$peach-fizz-rgb: 246, 171, 136;
$peach-fizz-light: mix(#fff, $peach-fizz, 20%);
$peach-fizz-dark: mix(#000, $peach-fizz, 20%);
.element {
color: $peach-fizz;
box-shadow: 0 0 0 2px rgba($peach-fizz, 0.35);
}