最接近的命名颜色 · #E4CF95
#E4CF95
最接近的命名颜色: Honeycomb Glow
#E4CF95（rgb(228 207 149)、hsl(44 59% 74%)、oklch(0.858 0.079 90.5)）最接近命名颜色 Honeycomb Glow。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E4CF95
oklch(0.858 0.079 90.5)
颜色转换
- HEX
- #e4cf95
- RGB
- rgb(228 207 149)
- HSL
- hsl(44 59% 74%)
- HWB
- hwb(44 58% 11%)
- OKLCH
- oklch(0.858 0.079 90.5)
- OKLab
- oklab(0.858 -0.001 0.079)
- CIE Lab
- lab(83.87 1.46 31.7)
- LCH
- lch(83.87 31.73 87.4)
- CMYK
- cmyk(0% 9% 35% 11%)
浅色调 · 深色调 · 灰色调
浅色调
- E7D4A0
- E9D9AB
- ECDEB5
- EFE2C0
- F1E7CB
- F4ECD5
- F7F1E0
- FAF5EA
- FCFAF5
深色调
- C6B481
- A9996D
- 8D7F5A
- 726748
- 584F37
- 3F3826
- 282316
- 121008
- 030201
灰色调
- DAC793
- CFBF92
- C5B790
- BBAF8E
- B1A78C
- A79F8A
- 9D9787
- 938F85
- 8A8883
配色和谐
互补色 +180°
- E4CF95
Honeycomb Glow
- BFCFFF
≈ Lavender Blue
类似色 -30° +30°
- E4CF95
Honeycomb Glow
- F7C59C
≈ Cream Blush
- C9D99F
≈ Cucumber Ice
三角配色 +120° +240°
- E4CF95
Honeycomb Glow
- 92DFED
≈ Photon Barrier
- EFBEE9
≈ Lavender Soap
分裂互补色 +150° +210°
- E4CF95
Honeycomb Glow
- A2D8FF
≈ Malmö FF
- D8C5FD
≈ Neon Boneyard
四角配色 +90° +180° +270°
- E4CF95
Honeycomb Glow
- 96E2D3
≈ Sharbah Fizz
- BFCFFF
≈ Lavender Blue
- FDBBCE
≈ Tentacle Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.53:1 · APCA Lc 25
Ag
AAA黑底
WCAG 13.65:1 · APCA Lc 78
最佳文字颜色: #000000
WCAG 13.65:1 (AAA) · APCA Lc 78
Contrast pairs
代码片段
CSS
:root {
--honeycomb-glow: #e4cf95;
--honeycomb-glow-rgb: 228 207 149;
--honeycomb-glow-oklch: oklch(0.858 0.079 90.5);
}
.element {
color: var(--honeycomb-glow);
background-color: hsl(44 59% 74%);
border-color: oklch(0.858 0.079 90.5);
}Tailwind CSS v4
@theme {
--color-honeycomb-glow: #e4cf95;
--color-honeycomb-glow-50: #fdf5dc;
--color-honeycomb-glow-100: #f1e8cb;
--color-honeycomb-glow-200: #e0d4af;
--color-honeycomb-glow-300: #c5b78a;
--color-honeycomb-glow-400: #b09d68;
--color-honeycomb-glow-500: #9a8445;
--color-honeycomb-glow-600: #82703c;
--color-honeycomb-glow-700: #68592f;
--color-honeycomb-glow-800: #4e4121;
--color-honeycomb-glow-900: #362d16;
--color-honeycomb-glow-950: #211a07;
}SCSS
$honeycomb-glow: #e4cf95;
$honeycomb-glow-rgb: 228, 207, 149;
$honeycomb-glow-light: mix(#fff, $honeycomb-glow, 20%);
$honeycomb-glow-dark: mix(#000, $honeycomb-glow, 20%);
.element {
color: $honeycomb-glow;
box-shadow: 0 0 0 2px rgba($honeycomb-glow, 0.35);
}