命名颜色 · #F9CDC4
Peach Red
Peach Red 即 #F9CDC4：rgb(249 205 196)、hsl(10 82% 87%)、oklch(0.884 0.052 31.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Pink mean? → · Peach Red color name →
#F9CDC4
oklch(0.884 0.052 31.6)
颜色转换
- HEX
- #f9cdc4
- RGB
- rgb(249 205 196)
- HSL
- hsl(10 82% 87%)
- HWB
- hwb(10 77% 2%)
- OKLCH
- oklch(0.884 0.052 31.6)
- OKLab
- oklab(0.884 0.044 0.027)
- CIE Lab
- lab(86.1 15.02 10.64)
- LCH
- lch(86.1 18.41 35.3)
- CMYK
- cmyk(0% 18% 21% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FAD2CA
- FBD7D0
- FBDCD6
- FCE1DB
- FDE6E1
- FDEBE7
- FEF0ED
- FEF5F3
- FFFAF9
深色调
- D9B2AA
- B99891
- 9A7E78
- 7D6661
- 614E4A
- 463835
- 2C2321
- 150F0E
- 030202
灰色调
- ECC5BD
- E0BDB6
- D4B5AF
- C7AEA8
- BBA6A1
- AF9E9B
- A39794
- 978F8D
- 8C8787
配色和谐
互补色 +180°
- F9CDC4
Peach Red
- B2E3EC
≈ Crystal River
类似色 -30° +30°
- F9CDC4
Peach Red
- F7CBD6
≈ Palace Rose
- F3D2B7
≈ Sparkle Glow
三角配色 +120° +240°
- F9CDC4
Peach Red
- C1E3C8
≈ Sugar Mint
- CCD8FC
≈ Icy Plains
分裂互补色 +150° +210°
- F9CDC4
Peach Red
- B4E4DB
≈ Fair Aqua
- BCDEF8
≈ Arctic Paradise
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.44:1 · APCA Lc 21
Ag
AAA黑底
WCAG 14.55:1 · APCA Lc 82
最佳文字颜色: #000000
WCAG 14.55:1 (AAA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--peach-red: #f9cdc4;
--peach-red-rgb: 249 205 196;
--peach-red-oklch: oklch(0.884 0.052 31.6);
}
.element {
color: var(--peach-red);
background-color: hsl(10 82% 87%);
border-color: oklch(0.884 0.052 31.6);
}Tailwind CSS v4
@theme {
--color-peach-red: #f9cdc4;
--color-peach-red-50: #fff0ec;
--color-peach-red-100: #f9e2dd;
--color-peach-red-200: #e9cdc6;
--color-peach-red-300: #d0aea6;
--color-peach-red-400: #bb948c;
--color-peach-red-500: #a67a71;
--color-peach-red-600: #8c6760;
--color-peach-red-700: #70524d;
--color-peach-red-800: #533c38;
--color-peach-red-900: #3a2926;
--color-peach-red-950: #241715;
}SCSS
$peach-red: #f9cdc4;
$peach-red-rgb: 249, 205, 196;
$peach-red-light: mix(#fff, $peach-red, 20%);
$peach-red-dark: mix(#000, $peach-red, 20%);
.element {
color: $peach-red;
box-shadow: 0 0 0 2px rgba($peach-red, 0.35);
}