最接近的命名颜色 · #E3CEB7
#E3CEB7
最接近的命名颜色: Sand Dune
#E3CEB7（rgb(227 206 183)、hsl(31 44% 80%)、oklch(0.863 0.039 69.8)）最接近命名颜色 Sand Dune。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E3CEB7
oklch(0.863 0.039 69.8)
颜色转换
- HEX
- #e3ceb7
- RGB
- rgb(227 206 183)
- HSL
- hsl(31 44% 80%)
- HWB
- hwb(31 72% 11%)
- OKLCH
- oklch(0.863 0.039 69.8)
- OKLab
- oklab(0.863 0.013 0.037)
- CIE Lab
- lab(84.07 4.89 14.29)
- LCH
- lch(84.07 15.1 71.1)
- CMYK
- cmyk(0% 9% 19% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E6D3BE
- E9D8C5
- EBDDCC
- EEE1D4
- F1E6DB
- F4EBE2
- F7F0E9
- F9F5F0
- FCFAF8
深色调
- C5B39F
- A89887
- 8C7F70
- 71665A
- 574E45
- 3F3831
- 27231E
- 120F0C
- 030202
灰色调
- D9C6B1
- CEBEAC
- C4B6A6
- BAAEA1
- B0A69B
- A69E96
- 9D9790
- 938F8B
- 898885
配色和谐
互补色 +180°
- E3CEB7
Sand Dune
- BFD5EB
≈ Light Water Wash
类似色 -30° +30°
- E3CEB7
Sand Dune
- EACABF
≈ Au Naturel
- D7D3B6
≈ Pistachio Tang
三角配色 +120° +240°
- E3CEB7
Sand Dune
- B6DBD7
≈ Catch the Wave
- DACBE6
≈ Bashful Pansy
分裂互补色 +150° +210°
- E3CEB7
Sand Dune
- B7D8E4
≈ Fresh Dawn
- CCD0EC
≈ Frozen Periwinkle
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黑底
WCAG 13.77:1 · APCA Lc 79
最佳文字颜色: #000000
WCAG 13.77:1 (AAA) · APCA Lc 79
Contrast pairs
代码片段
CSS
:root {
--sand-dune: #e3ceb7;
--sand-dune-rgb: 227 206 183;
--sand-dune-oklch: oklch(0.863 0.039 69.8);
}
.element {
color: var(--sand-dune);
background-color: hsl(31 44% 80%);
border-color: oklch(0.863 0.039 69.8);
}Tailwind CSS v4
@theme {
--color-sand-dune: #e3ceb7;
--color-sand-dune-50: #fcf4e9;
--color-sand-dune-100: #f0e6da;
--color-sand-dune-200: #dfd2c3;
--color-sand-dune-300: #c4b5a2;
--color-sand-dune-400: #ae9b86;
--color-sand-dune-500: #97826a;
--color-sand-dune-600: #806e5a;
--color-sand-dune-700: #665848;
--color-sand-dune-800: #4c4034;
--color-sand-dune-900: #352c23;
--color-sand-dune-950: #201912;
}SCSS
$sand-dune: #e3ceb7;
$sand-dune-rgb: 227, 206, 183;
$sand-dune-light: mix(#fff, $sand-dune, 20%);
$sand-dune-dark: mix(#000, $sand-dune, 20%);
.element {
color: $sand-dune;
box-shadow: 0 0 0 2px rgba($sand-dune, 0.35);
}