命名颜色 · #DFBB86
Honey Robber
Honey Robber 即 #DFBB86：rgb(223 187 134)、hsl(36 58% 70%)、oklch(0.811 0.081 76.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Honey Robber color name →
#DFBB86
oklch(0.811 0.081 76.9)
颜色转换
- HEX
- #dfbb86
- RGB
- rgb(223 187 134)
- HSL
- hsl(36 58% 70%)
- HWB
- hwb(36 53% 13%)
- OKLCH
- oklch(0.811 0.081 76.9)
- OKLab
- oklab(0.811 0.018 0.078)
- CIE Lab
- lab(78.16 8.1 31.94)
- LCH
- lch(78.16 32.95 75.8)
- CMYK
- cmyk(0% 16% 40% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E2C292
- E6C99F
- E9CFAB
- ECD6B7
- EFDDC3
- F3E4CF
- F6EBDB
- F9F1E7
- FCF8F3
深色调
- C2A274
- A58A62
- 8A7351
- 6F5C40
- 564630
- 3D3221
- 271F13
- 120D06
- 020201
灰色调
- D5B586
- CBAF86
- C2A986
- B8A385
- AF9D85
- A59784
- 9C9283
- 928C82
- 898681
配色和谐
互补色 +180°
- DFBB86
Honey Robber
- A0C4F5
≈ Sail to the Sea
类似色 -30° +30°
- DFBB86
Honey Robber
- EEB295
≈ Apricot Preserves
- C7C588
≈ Fiddlehead Fern
三角配色 +120° +240°
- DFBB86
Honey Robber
- 7FD2D3
≈ Belize
- D7B2E4
≈ Pretty Petunia
分裂互补色 +150° +210°
- DFBB86
Honey Robber
- 88CCEA
≈ Below Zero
- BDBAF3
≈ Purple Illusion
四角配色 +90° +180° +270°
- DFBB86
Honey Robber
- 8ED2B6
≈ Tropical Trail
- A0C4F5
≈ Sail to the Sea
- E9ADCC
≈ Coral Corn Snake
对比度与无障碍
Ag
Fail白底
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.58:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.58:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--honey-robber: #dfbb86;
--honey-robber-rgb: 223 187 134;
--honey-robber-oklch: oklch(0.811 0.081 76.9);
}
.element {
color: var(--honey-robber);
background-color: hsl(36 58% 70%);
border-color: oklch(0.811 0.081 76.9);
}Tailwind CSS v4
@theme {
--color-honey-robber: #dfbb86;
--color-honey-robber-50: #fff3dc;
--color-honey-robber-100: #f7e5ca;
--color-honey-robber-200: #e7d1ae;
--color-honey-robber-300: #ceb389;
--color-honey-robber-400: #ba9867;
--color-honey-robber-500: #a47f45;
--color-honey-robber-600: #8b6c3b;
--color-honey-robber-700: #6f562f;
--color-honey-robber-800: #533e21;
--color-honey-robber-900: #3a2b16;
--color-honey-robber-950: #241807;
}SCSS
$honey-robber: #dfbb86;
$honey-robber-rgb: 223, 187, 134;
$honey-robber-light: mix(#fff, $honey-robber, 20%);
$honey-robber-dark: mix(#000, $honey-robber, 20%);
.element {
color: $honey-robber;
box-shadow: 0 0 0 2px rgba($honey-robber, 0.35);
}