最接近的命名颜色 · #EBCBC2
#EBCBC2
最接近的命名颜色: Fairy Floss
#EBCBC2（rgb(235 203 194)、hsl(13 51% 84%)、oklch(0.867 0.038 36.2)）最接近命名颜色 Fairy Floss。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#EBCBC2
oklch(0.867 0.038 36.2)
颜色转换
- HEX
- #ebcbc2
- RGB
- rgb(235 203 194)
- HSL
- hsl(13 51% 84%)
- HWB
- hwb(13 76% 8%)
- OKLCH
- oklch(0.867 0.038 36.2)
- OKLab
- oklab(0.867 0.031 0.023)
- CIE Lab
- lab(84.26 10.58 8.88)
- LCH
- lch(84.26 13.81 40)
- CMYK
- cmyk(0% 14% 17% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- EDD0C8
- EFD5CE
- F1DAD4
- F3E0DA
- F5E5E0
- F7EAE6
- F9EFEC
- FBF5F3
- FDFAF9
深色调
- CCB0A8
- AE968F
- 917D77
- 756560
- 5B4D49
- 413734
- 292220
- 130F0E
- 030202
灰色调
- E0C3BB
- D5BCB4
- CAB4AE
- BFACA7
- B4A5A0
- AA9D9A
- 9F9693
- 958F8D
- 8A8786
配色和谐
互补色 +180°
- EBCBC2
Fairy Floss
- B8DAE3
≈ Breezy Blue
类似色 -30° +30°
- EBCBC2
Fairy Floss
- EBC9CF
≈ Pink Slipper
- E5CFB9
≈ Floral Bluff
三角配色 +120° +240°
- EBCBC2
Fairy Floss
- C0DBC9
≈ Green Grapes
- CCD2ED
≈ Garden Fairy
分裂互补色 +150° +210°
- EBCBC2
Fairy Floss
- B8DCD7
≈ Catch the Wave
- BFD6EB
≈ Pacific Panorama
四角配色 +90° +180° +270°
- EBCBC2
Fairy Floss
- CDD8BD
≈ Celery Satin
- B8DAE3
≈ Breezy Blue
- D9CDE8
≈ Plum’s the Word
对比度与无障碍
Ag
Fail白底
WCAG 1.51:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.85:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.85:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--fairy-floss: #ebcbc2;
--fairy-floss-rgb: 235 203 194;
--fairy-floss-oklch: oklch(0.867 0.038 36.2);
}
.element {
color: var(--fairy-floss);
background-color: hsl(13 51% 84%);
border-color: oklch(0.867 0.038 36.2);
}Tailwind CSS v4
@theme {
--color-fairy-floss: #ebcbc2;
--color-fairy-floss-50: #fff2ed;
--color-fairy-floss-100: #f4e4df;
--color-fairy-floss-200: #e4cfc9;
--color-fairy-floss-300: #cab1a9;
--color-fairy-floss-400: #b4978f;
--color-fairy-floss-500: #9e7e75;
--color-fairy-floss-600: #856a63;
--color-fairy-floss-700: #6b554f;
--color-fairy-floss-800: #4f3e3a;
--color-fairy-floss-900: #372b27;
--color-fairy-floss-950: #221816;
}SCSS
$fairy-floss: #ebcbc2;
$fairy-floss-rgb: 235, 203, 194;
$fairy-floss-light: mix(#fff, $fairy-floss, 20%);
$fairy-floss-dark: mix(#000, $fairy-floss, 20%);
.element {
color: $fairy-floss;
box-shadow: 0 0 0 2px rgba($fairy-floss, 0.35);
}