命名颜色 · #E7DBBF
Deserted Beach
Deserted Beach 即 #E7DBBF：rgb(231 219 191)、hsl(42 45% 83%)、oklch(0.894 0.039 87.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Deserted Beach color name →
#E7DBBF
oklch(0.894 0.039 87.6)
颜色转换
- HEX
- #e7dbbf
- RGB
- rgb(231 219 191)
- HSL
- hsl(42 45% 83%)
- HWB
- hwb(42 75% 9%)
- OKLCH
- oklch(0.894 0.039 87.6)
- OKLab
- oklab(0.894 0.002 0.039)
- CIE Lab
- lab(87.83 0.91 15.38)
- LCH
- lch(87.83 15.41 86.6)
- CMYK
- cmyk(0% 5% 17% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E9DFC5
- ECE2CC
- EEE6D2
- F1E9D9
- F3EDDF
- F5F1E5
- F8F4EC
- FAF8F2
- FDFBF9
深色调
- C9BEA6
- ABA28D
- 8F8775
- 736D5E
- 595448
- 403C33
- 28261F
- 13110D
- 030202
灰色调
- DCD2B9
- D2C8B2
- C7BFAC
- BCB6A5
- B2AC9F
- A8A399
- 9E9A93
- 94928C
- 8A8986
配色和谐
互补色 +180°
- E7DBBF
Deserted Beach
- D0DCF7
≈ Icy Plains
类似色 -30° +30°
- E7DBBF
Deserted Beach
- F1D6C3
≈ Iced Apricot
- D9E0C3
≈ Airy Fields
三角配色 +120° +240°
- E7DBBF
Deserted Beach
- BFE4E9
≈ Minified Jade
- EBD3EA
≈ Scented Spring
分裂互补色 +150° +210°
- E7DBBF
Deserted Beach
- C5E1F3
≈ Fresh Water
- DED7F4
≈ Japan Blush
四角配色 +90° +180° +270°
- E7DBBF
Deserted Beach
- C1E5DC
≈ Tame Teal
- D0DCF7
≈ Icy Plains
- F3D2DC
≈ Priscilla
对比度与无障碍
Ag
Fail白底
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.28:1 · APCA Lc 85
最佳文字颜色: #000000
WCAG 15.28:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--deserted-beach: #e7dbbf;
--deserted-beach-rgb: 231 219 191;
--deserted-beach-oklch: oklch(0.894 0.039 87.6);
}
.element {
color: var(--deserted-beach);
background-color: hsl(42 45% 83%);
border-color: oklch(0.894 0.039 87.6);
}Tailwind CSS v4
@theme {
--color-deserted-beach: #e7dbbf;
--color-deserted-beach-50: #f9f5e9;
--color-deserted-beach-100: #ede8d9;
--color-deserted-beach-200: #dbd4c2;
--color-deserted-beach-300: #bfb7a1;
--color-deserted-beach-400: #a89d84;
--color-deserted-beach-500: #918568;
--color-deserted-beach-600: #7b7159;
--color-deserted-beach-700: #625a47;
--color-deserted-beach-800: #494233;
--color-deserted-beach-900: #322d23;
--color-deserted-beach-950: #1e1a12;
}SCSS
$deserted-beach: #e7dbbf;
$deserted-beach-rgb: 231, 219, 191;
$deserted-beach-light: mix(#fff, $deserted-beach, 20%);
$deserted-beach-dark: mix(#000, $deserted-beach, 20%);
.element {
color: $deserted-beach;
box-shadow: 0 0 0 2px rgba($deserted-beach, 0.35);
}