最接近的命名颜色 · #A25049
#A25049
最接近的命名颜色: Lumberjack
#A25049（rgb(162 80 73)、hsl(5 38% 46%)、oklch(0.531 0.11 26.4)）最接近命名颜色 Lumberjack。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#A25049
oklch(0.531 0.11 26.4)
颜色转换
- HEX
- #a25049
- RGB
- rgb(162 80 73)
- HSL
- hsl(5 38% 46%)
- HWB
- hwb(5 29% 36%)
- OKLCH
- oklch(0.531 0.11 26.4)
- OKLab
- oklab(0.531 0.098 0.049)
- CIE Lab
- lab(44.51 34.15 20.66)
- LCH
- lch(44.51 39.92 31.2)
- CMYK
- cmyk(0% 51% 55% 36%)
浅色调 · 深色调 · 灰色调
浅色调
- AD615A
- B7726B
- C1837D
- CA958E
- D4A6A0
- DDB7B3
- E6C9C5
- EEDBD8
- F7EDEC
深色调
- 8C443E
- 773934
- 632E2A
- 4F2420
- 3C1A17
- 2A100E
- 190706
- 0A0202
- 010000
灰色调
- A0564F
- 9D5B54
- 9A605A
- 97655F
- 946A65
- 906E6A
- 8D7370
- 897775
- 857C7B
配色和谐
互补色 +180°
- A25049
Lumberjack
- 007A86
≈ Mediterranean Cove
类似色 -30° +30°
- A25049
Lumberjack
- 9D4E6D
≈ Cherry Berry
- 9B5922
≈ Bright Bronze
三角配色 +120° +240°
- A25049
Lumberjack
- 3C7D44
≈ Hills of Ireland
- 4E69AC
≈ Submarine Base
分裂互补色 +150° +210°
- A25049
Lumberjack
- 007E6A
≈ Mediaeval Forest
- 1174A3
≈ Quarterdeck
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.55:1 · APCA Lc 77
Ag
Fail黑底
WCAG 3.77:1 · APCA Lc 24
最佳文字颜色: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--lumberjack: #a25049;
--lumberjack-rgb: 162 80 73;
--lumberjack-oklch: oklch(0.531 0.11 26.4);
}
.element {
color: var(--lumberjack);
background-color: hsl(5 38% 46%);
border-color: oklch(0.531 0.11 26.4);
}Tailwind CSS v4
@theme {
--color-lumberjack: #a25049;
--color-lumberjack-50: #ffeae4;
--color-lumberjack-100: #ffdbd3;
--color-lumberjack-200: #ffc3ba;
--color-lumberjack-300: #eaa298;
--color-lumberjack-400: #d8847c;
--color-lumberjack-500: #c4675e;
--color-lumberjack-600: #a65750;
--color-lumberjack-700: #854640;
--color-lumberjack-800: #63322f;
--color-lumberjack-900: #462220;
--color-lumberjack-950: #2d110f;
}SCSS
$lumberjack: #a25049;
$lumberjack-rgb: 162, 80, 73;
$lumberjack-light: mix(#fff, $lumberjack, 20%);
$lumberjack-dark: mix(#000, $lumberjack, 20%);
.element {
color: $lumberjack;
box-shadow: 0 0 0 2px rgba($lumberjack, 0.35);
}