命名颜色 · #E4CB97
Abstract
Abstract 即 #E4CB97：rgb(228 203 151)、hsl(41 59% 74%)、oklch(0.851 0.073 85.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Abstract color name →
#E4CB97
oklch(0.851 0.073 85.2)
颜色转换
- HEX
- #e4cb97
- RGB
- rgb(228 203 151)
- HSL
- hsl(41 59% 74%)
- HWB
- hwb(41 59% 11%)
- OKLCH
- oklch(0.851 0.073 85.2)
- OKLab
- oklab(0.851 0.006 0.073)
- CIE Lab
- lab(82.89 3.59 29.39)
- LCH
- lch(82.89 29.61 83)
- CMYK
- cmyk(0% 11% 34% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E7D0A2
- E9D5AC
- ECDBB7
- EFE0C1
- F2E5CB
- F4EAD6
- F7EFE0
- FAF5EA
- FCFAF5
深色调
- C6B083
- A9966F
- 8D7D5C
- 726549
- 584D37
- 3F3726
- 282217
- 120F08
- 030201
灰色调
- DAC395
- CFBC93
- C5B491
- BBAC8F
- B1A58D
- A79D8A
- 9D9688
- 938F85
- 8A8783
配色和谐
互补色 +180°
- E4CB97
Abstract
- B7CEFF
≈ Ice Cold Stare
类似色 -30° +30°
- E4CB97
Abstract
- F4C2A0
≈ Almond Cream
- CCD49D
≈ Cucumber Ice
三角配色 +120° +240°
- E4CB97
Abstract
- 93DCE5
≈ Exotic Escape
- E7BEE9
≈ Prom Corsage
分裂互补色 +150° +210°
- E4CB97
Abstract
- 9FD6F8
≈ Juzcar Blue
- D1C5FA
≈ Innocent Snowdrop
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.58:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.28:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.28:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--abstract: #e4cb97;
--abstract-rgb: 228 203 151;
--abstract-oklch: oklch(0.851 0.073 85.2);
}
.element {
color: var(--abstract);
background-color: hsl(41 59% 74%);
border-color: oklch(0.851 0.073 85.2);
}Tailwind CSS v4
@theme {
--color-abstract: #e4cb97;
--color-abstract-50: #fef4de;
--color-abstract-100: #f2e7cd;
--color-abstract-200: #e2d3b1;
--color-abstract-300: #c7b68d;
--color-abstract-400: #b29c6c;
--color-abstract-500: #9c834b;
--color-abstract-600: #846f40;
--color-abstract-700: #6a5833;
--color-abstract-800: #4f4024;
--color-abstract-900: #372c18;
--color-abstract-950: #221909;
}SCSS
$abstract: #e4cb97;
$abstract-rgb: 228, 203, 151;
$abstract-light: mix(#fff, $abstract, 20%);
$abstract-dark: mix(#000, $abstract, 20%);
.element {
color: $abstract;
box-shadow: 0 0 0 2px rgba($abstract, 0.35);
}