命名颜色 · #D4BEBF
Embroidery
Embroidery 即 #D4BEBF：rgb(212 190 191)、hsl(357 20% 79%)、oklch(0.82 0.025 14.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Embroidery color name →
#D4BEBF
oklch(0.82 0.025 14.5)
颜色转换
- HEX
- #d4bebf
- RGB
- rgb(212 190 191)
- HSL
- hsl(357 20% 79%)
- HWB
- hwb(357 75% 17%)
- OKLCH
- oklch(0.82 0.025 14.5)
- OKLab
- oklab(0.82 0.024 0.006)
- CIE Lab
- lab(78.88 8.18 2.49)
- LCH
- lch(78.88 8.55 16.9)
- CMYK
- cmyk(0% 10% 10% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- D8C4C5
- DDCBCC
- E1D1D2
- E5D8D8
- EADEDF
- EEE5E5
- F2EBEB
- F6F2F2
- FBF8F8
深色调
- B8A5A6
- 9D8C8D
- 837575
- 695E5E
- 514848
- 3A3333
- 241F1F
- 100D0D
- 020202
灰色调
- CBB8B9
- C3B1B2
- BAABAC
- B2A5A5
- A99E9F
- A19899
- 999292
- 908C8C
- 888686
配色和谐
互补色 +180°
- D4BEBF
Embroidery
- B2CAC9
≈ Seaport Steam
类似色 -30° +30°
- D4BEBF
Embroidery
- D1BEC8
≈ Queen’s Tart
- D3C0B7
≈ Wild Rice
三角配色 +120° +240°
- D4BEBF
Embroidery
- BEC8B8
≈ Tree Pose
- BAC5D5
≈ Candela
分裂互补色 +150° +210°
- D4BEBF
Embroidery
- B6CAC0
≈ Tropical Cyclone
- B4C8D0
≈ Silver Dusk
四角配色 +90° +180° +270°
- D4BEBF
Embroidery
- C6C5B3
≈ Spring Grey
- B2CAC9
≈ Seaport Steam
- C2C2D4
≈ Estate Violet
对比度与无障碍
Ag
Fail白底
WCAG 1.76:1 · APCA Lc 32
Ag
AAA黑底
WCAG 11.91:1 · APCA Lc 70
最佳文字颜色: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
代码片段
CSS
:root {
--embroidery: #d4bebf;
--embroidery-rgb: 212 190 191;
--embroidery-oklch: oklch(0.82 0.025 14.5);
}
.element {
color: var(--embroidery);
background-color: hsl(357 20% 79%);
border-color: oklch(0.82 0.025 14.5);
}Tailwind CSS v4
@theme {
--color-embroidery: #d4bebf;
--color-embroidery-50: #fcf2f2;
--color-embroidery-100: #f0e5e5;
--color-embroidery-200: #dfd0d0;
--color-embroidery-300: #c4b3b3;
--color-embroidery-400: #ad999a;
--color-embroidery-500: #968081;
--color-embroidery-600: #7f6c6d;
--color-embroidery-700: #665657;
--color-embroidery-800: #4b3f40;
--color-embroidery-900: #342b2c;
--color-embroidery-950: #1f1919;
}SCSS
$embroidery: #d4bebf;
$embroidery-rgb: 212, 190, 191;
$embroidery-light: mix(#fff, $embroidery, 20%);
$embroidery-dark: mix(#000, $embroidery, 20%);
.element {
color: $embroidery;
box-shadow: 0 0 0 2px rgba($embroidery, 0.35);
}