最接近的命名颜色 · #873300
#873300
最接近的命名颜色: Espresso Martini
#873300（rgb(135 51 0)、hsl(23 100% 26%)、oklch(0.435 0.127 43.9)）最接近命名颜色 Espresso Martini。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#873300
oklch(0.435 0.127 43.9)
颜色转换
- HEX
- #873300
- RGB
- rgb(135 51 0)
- HSL
- hsl(23 100% 26%)
- HWB
- hwb(23 0% 47%)
- OKLCH
- oklch(0.435 0.127 43.9)
- OKLab
- oklab(0.435 0.091 0.088)
- CIE Lab
- lab(33.49 35.21 45.3)
- LCH
- lch(33.49 57.38 52.1)
- CMYK
- cmyk(0% 62% 100% 47%)
浅色调 · 深色调 · 灰色调
浅色调
- 944824
- A15C3D
- AE7055
- BA846C
- C79884
- D2AC9C
- DEC0B4
- E9D5CD
- F4EAE6
深色调
- 752B00
- 632300
- 511C00
- 411400
- 310D00
- 210700
- 130300
- 060100
- 010000
灰色调
- 883C17
- 884526
- 884D33
- 88553F
- 875C4A
- 876455
- 856B60
- 84726B
- 827975
配色和谐
互补色 +180°
- 873300
Espresso Martini
- 005A72
≈ Octagon Ocean
类似色 -30° +30°
- 873300
Espresso Martini
- 892B3C
≈ Thrill Ride
- 6F4800
≈ Antique Bronze
三角配色 +120° +240°
- 873300
Espresso Martini
- 006143
≈ Aotake Bamboo
- 4B4393
≈ Blueberry
分裂互补色 +150° +210°
- 873300
Espresso Martini
- 005E5D
≈ Sandhill Crane
- 105194
≈ Blue Olympus
四角配色 +90° +180° +270°
- 873300
Espresso Martini
- 325F00
≈ Thuja Green
- 005A72
≈ Octagon Ocean
- 6A3781
≈ Galactic Grapevine
对比度与无障碍
Ag
AAA白底
WCAG 8.38:1 · APCA Lc 88
Ag
Fail黑底
WCAG 2.50:1 · APCA Lc 14
最佳文字颜色: #FFFFFF
WCAG 8.38:1 (AAA) · APCA Lc 88
Contrast pairs
代码片段
CSS
:root {
--espresso-martini: #873300;
--espresso-martini-rgb: 135 51 0;
--espresso-martini-oklch: oklch(0.435 0.127 43.9);
}
.element {
color: var(--espresso-martini);
background-color: hsl(23 100% 26%);
border-color: oklch(0.435 0.127 43.9);
}Tailwind CSS v4
@theme {
--color-espresso-martini: #873300;
--color-espresso-martini-50: #ffebd7;
--color-espresso-martini-100: #ffdcc5;
--color-espresso-martini-200: #ffc4a7;
--color-espresso-martini-300: #eea380;
--color-espresso-martini-400: #dc845e;
--color-espresso-martini-500: #c96639;
--color-espresso-martini-600: #aa5731;
--color-espresso-martini-700: #894627;
--color-espresso-martini-800: #66311c;
--color-espresso-martini-900: #482212;
--color-espresso-martini-950: #2f1005;
}SCSS
$espresso-martini: #873300;
$espresso-martini-rgb: 135, 51, 0;
$espresso-martini-light: mix(#fff, $espresso-martini, 20%);
$espresso-martini-dark: mix(#000, $espresso-martini, 20%);
.element {
color: $espresso-martini;
box-shadow: 0 0 0 2px rgba($espresso-martini, 0.35);
}