命名颜色 · #E7CEB5
Malibu Dune
Malibu Dune 即 #E7CEB5：rgb(231 206 181)、hsl(30 51% 81%)、oklch(0.866 0.044 67.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Malibu Dune color name →
#E7CEB5
oklch(0.866 0.044 67.2)
颜色转换
- HEX
- #e7ceb5
- RGB
- rgb(231 206 181)
- HSL
- hsl(30 51% 81%)
- HWB
- hwb(30 71% 9%)
- OKLCH
- oklch(0.866 0.044 67.2)
- OKLab
- oklab(0.866 0.017 0.04)
- CIE Lab
- lab(84.39 6.18 15.85)
- LCH
- lch(84.39 17.01 68.7)
- CMYK
- cmyk(0% 11% 22% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E9D3BC
- ECD8C4
- EEDDCB
- F1E2D2
- F3E6DA
- F6EBE1
- F8F0E9
- FAF5F0
- FDFAF8
深色调
- C9B39D
- AB9886
- 8F7F6F
- 736659
- 594E44
- 403830
- 28231D
- 130F0C
- 030202
灰色调
- DCC6B0
- D2BEAA
- C7B6A5
- BDAEA0
- B2A69A
- A89E95
- 9E9790
- 948F8B
- 8A8885
配色和谐
互补色 +180°
- E7CEB5
Malibu Dune
- BDD6EF
≈ Delicate Blue Mist
类似色 -30° +30°
- E7CEB5
Malibu Dune
- EECABF
≈ Pale Dogwood
- DAD4B3
≈ Suna White
三角配色 +120° +240°
- E7CEB5
Malibu Dune
- B3DDD8
≈ Catch the Wave
- DACCEA
≈ Plum’s the Word
分裂互补色 +150° +210°
- E7CEB5
Malibu Dune
- B4DBE6
≈ Fresh Dawn
- CBD1F0
≈ Frozen Periwinkle
四角配色 +90° +180° +270°
- E7CEB5
Malibu Dune
- BCDCC8
≈ Green Grapes
- BDD6EF
≈ Delicate Blue Mist
- E7C8DD
≈ Pink Pony
对比度与无障碍
Ag
Fail白底
WCAG 1.51:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.89:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.89:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--malibu-dune: #e7ceb5;
--malibu-dune-rgb: 231 206 181;
--malibu-dune-oklch: oklch(0.866 0.044 67.2);
}
.element {
color: var(--malibu-dune);
background-color: hsl(30 51% 81%);
border-color: oklch(0.866 0.044 67.2);
}Tailwind CSS v4
@theme {
--color-malibu-dune: #e7ceb5;
--color-malibu-dune-50: #fef3e8;
--color-malibu-dune-100: #f2e6d9;
--color-malibu-dune-200: #e1d1c1;
--color-malibu-dune-300: #c7b4a0;
--color-malibu-dune-400: #b09a83;
--color-malibu-dune-500: #9a8167;
--color-malibu-dune-600: #826d58;
--color-malibu-dune-700: #685746;
--color-malibu-dune-800: #4d3f32;
--color-malibu-dune-900: #362c22;
--color-malibu-dune-950: #211911;
}SCSS
$malibu-dune: #e7ceb5;
$malibu-dune-rgb: 231, 206, 181;
$malibu-dune-light: mix(#fff, $malibu-dune, 20%);
$malibu-dune-dark: mix(#000, $malibu-dune, 20%);
.element {
color: $malibu-dune;
box-shadow: 0 0 0 2px rgba($malibu-dune, 0.35);
}