最接近的命名颜色 · #FDE0E2
#FDE0E2
最接近的命名颜色: Blowing Kisses
#FDE0E2（rgb(253 224 226)、hsl(356 88% 94%)、oklch(0.931 0.032 13)）最接近命名颜色 Blowing Kisses。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FDE0E2
oklch(0.931 0.032 13)
颜色转换
- HEX
- #fde0e2
- RGB
- rgb(253 224 226)
- HSL
- hsl(356 88% 94%)
- HWB
- hwb(356 88% 1%)
- OKLCH
- oklch(0.931 0.032 13)
- OKLab
- oklab(0.931 0.031 0.007)
- CIE Lab
- lab(91.64 10.55 2.87)
- LCH
- lch(91.64 10.93 15.2)
- CMYK
- cmyk(0% 11% 11% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FDE3E5
- FEE6E8
- FEE9EB
- FEECEE
- FEEFF0
- FEF3F3
- FFF6F6
- FFF9F9
- FFFCFC
深色调
- DCC3C4
- BCA6A8
- 9D8A8C
- 7F7071
- 625657
- 473E3E
- 2D2727
- 161212
- 030203
灰色调
- F0D6D8
- E3CCCE
- D6C2C4
- C9B8BA
- BDAFB0
- B0A5A6
- A49C9C
- 989293
- 8C8989
配色和谐
互补色 +180°
- FDE0E2
Blowing Kisses
- D1EFEE
≈ Morning Calm
类似色 -30° +30°
- FDE0E2
Blowing Kisses
- F9E0EE
≈ Spun Sugar
- FCE2D8
≈ Peach Cloud
三角配色 +120° +240°
- FDE0E2
Blowing Kisses
- E0EDD8
≈ Ghost Lichen
- DAEAFE
≈ Cloudless
分裂互补色 +150° +210°
- FDE0E2
Blowing Kisses
- D6EFE2
≈ Spring Dew
- D2EEF8
≈ Blue Hijab
四角配色 +90° +180° +270°
- FDE0E2
Blowing Kisses
- ECEAD1
≈ Light Chervil
- D1EFEE
≈ Morning Calm
- E5E6FE
≈ Lavender Mist
对比度与无障碍
Ag
Fail白底
WCAG 1.23:1 · APCA Lc 12
Ag
AAA黑底
WCAG 16.93:1 · APCA Lc 92
最佳文字颜色: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--blowing-kisses: #fde0e2;
--blowing-kisses-rgb: 253 224 226;
--blowing-kisses-oklch: oklch(0.931 0.032 13);
}
.element {
color: var(--blowing-kisses);
background-color: hsl(356 88% 94%);
border-color: oklch(0.931 0.032 13);
}Tailwind CSS v4
@theme {
--color-blowing-kisses: #fde0e2;
--color-blowing-kisses-50: #fef2f2;
--color-blowing-kisses-100: #f2e4e4;
--color-blowing-kisses-200: #e2cfd0;
--color-blowing-kisses-300: #c7b1b2;
--color-blowing-kisses-400: #b19799;
--color-blowing-kisses-500: #9a7e80;
--color-blowing-kisses-600: #826b6c;
--color-blowing-kisses-700: #685557;
--color-blowing-kisses-800: #4d3e40;
--color-blowing-kisses-900: #352b2c;
--color-blowing-kisses-950: #201819;
}SCSS
$blowing-kisses: #fde0e2;
$blowing-kisses-rgb: 253, 224, 226;
$blowing-kisses-light: mix(#fff, $blowing-kisses, 20%);
$blowing-kisses-dark: mix(#000, $blowing-kisses, 20%);
.element {
color: $blowing-kisses;
box-shadow: 0 0 0 2px rgba($blowing-kisses, 0.35);
}