最接近的命名颜色 · #D4B5BB
#D4B5BB
最接近的命名颜色: Strawberry Latte
#D4B5BB（rgb(212 181 187)、hsl(348 26% 77%)、oklch(0.802 0.037 4.8)）最接近命名颜色 Strawberry Latte。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D4B5BB
oklch(0.802 0.037 4.8)
颜色转换
- HEX
- #d4b5bb
- RGB
- rgb(212 181 187)
- HSL
- hsl(348 26% 77%)
- HWB
- hwb(348 71% 17%)
- OKLCH
- oklch(0.802 0.037 4.8)
- OKLab
- oklab(0.802 0.036 0.003)
- CIE Lab
- lab(76.55 12.23 1.3)
- LCH
- lch(76.55 12.3 6.1)
- CMYK
- cmyk(0% 15% 12% 17%)
浅色调 · 深色调 · 灰色调
浅色调
- D8BCC2
- DDC3C8
- E1CBCF
- E5D2D6
- EADADD
- EEE1E3
- F2E8EA
- F7F0F1
- FBF7F8
深色调
- B89DA2
- 9D868A
- 836F73
- 69595C
- 514446
- 3A3032
- 241D1F
- 100C0D
- 020202
灰色调
- CBB0B5
- C3AAAF
- BAA5A9
- B29FA3
- A99A9D
- A19597
- 999091
- 908A8B
- 888586
配色和谐
互补色 +180°
- D4B5BB
Strawberry Latte
- A5C6C1
≈ Peppermint Pie
类似色 -30° +30°
- D4B5BB
Strawberry Latte
- CEB6C8
≈ Janey’s Party
- D5B6AF
≈ Oyster Pink
三角配色 +120° +240°
- D4B5BB
Strawberry Latte
- B9C3A9
≈ Healing Retreat
- ABC1D5
≈ Airway
分裂互补色 +150° +210°
- D4B5BB
Strawberry Latte
- ADC6B4
≈ Zanah
- A5C5CD
≈ Salt Spray
四角配色 +90° +180° +270°
- D4B5BB
Strawberry Latte
- C5BEA4
≈ Celery Powder
- A5C6C1
≈ Peppermint Pie
- B7BDD6
≈ Hazy Sky
对比度与无障碍
Ag
Fail白底
WCAG 1.88:1 · APCA Lc 36
Ag
AAA黑底
WCAG 11.12:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.12:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--strawberry-latte: #d4b5bb;
--strawberry-latte-rgb: 212 181 187;
--strawberry-latte-oklch: oklch(0.802 0.037 4.8);
}
.element {
color: var(--strawberry-latte);
background-color: hsl(348 26% 77%);
border-color: oklch(0.802 0.037 4.8);
}Tailwind CSS v4
@theme {
--color-strawberry-latte: #d4b5bb;
--color-strawberry-latte-50: #fff1f3;
--color-strawberry-latte-100: #f4e3e6;
--color-strawberry-latte-200: #e3ced1;
--color-strawberry-latte-300: #c9b0b4;
--color-strawberry-latte-400: #b2969b;
--color-strawberry-latte-500: #9c7c83;
--color-strawberry-latte-600: #84696f;
--color-strawberry-latte-700: #6a5459;
--color-strawberry-latte-800: #4e3d41;
--color-strawberry-latte-900: #362a2d;
--color-strawberry-latte-950: #21181a;
}SCSS
$strawberry-latte: #d4b5bb;
$strawberry-latte-rgb: 212, 181, 187;
$strawberry-latte-light: mix(#fff, $strawberry-latte, 20%);
$strawberry-latte-dark: mix(#000, $strawberry-latte, 20%);
.element {
color: $strawberry-latte;
box-shadow: 0 0 0 2px rgba($strawberry-latte, 0.35);
}