命名颜色 · #AC8F6C
Morrel
Morrel 即 #AC8F6C：rgb(172 143 108)、hsl(33 28% 55%)、oklch(0.668 0.06 71.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Morrel color name →
#AC8F6C
oklch(0.668 0.06 71.8)
颜色转换
- HEX
- #ac8f6c
- RGB
- rgb(172 143 108)
- HSL
- hsl(33 28% 55%)
- HWB
- hwb(33 42% 33%)
- OKLCH
- oklch(0.668 0.06 71.8)
- OKLab
- oklab(0.668 0.019 0.057)
- CIE Lab
- lab(61.46 7.57 22.97)
- LCH
- lch(61.46 24.18 71.8)
- CMYK
- cmyk(0% 17% 37% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- B49A7A
- BCA588
- C5B097
- CDBBA5
- D5C6B4
- DED1C3
- E6DCD2
- EEE8E1
- F7F3F0
深色调
- 957C5D
- 7F694E
- 695740
- 544532
- 403425
- 2D2419
- 1B150D
- 0B0704
- 010100
灰色调
- A88E6E
- A38C71
- 9F8B73
- 9A8975
- 968877
- 928679
- 8D857B
- 89837D
- 84827E
配色和谐
互补色 +180°
- AC8F6C
Morrel
- 7A98B9
≈ Eiger Nordwand
类似色 -30° +30°
- AC8F6C
Morrel
- B58978
≈ Plum Blossom Dye
- 9C966B
≈ Cactus Sand
三角配色 +120° +240°
- AC8F6C
Morrel
- 68A19E
≈ Folk Song
- A18AB0
≈ Flirty Pink
分裂互补色 +150° +210°
- AC8F6C
Morrel
- 6B9DAF
≈ Left Bank Blue
- 8E91B9
≈ Purple Amethyst
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.04:1 · APCA Lc 57
Ag
AA黑底
WCAG 6.89:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 6.89:1 (AA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--morrel: #ac8f6c;
--morrel-rgb: 172 143 108;
--morrel-oklch: oklch(0.668 0.06 71.8);
}
.element {
color: var(--morrel);
background-color: hsl(33 28% 55%);
border-color: oklch(0.668 0.06 71.8);
}Tailwind CSS v4
@theme {
--color-morrel: #ac8f6c;
--color-morrel-50: #fff3e3;
--color-morrel-100: #f4e5d3;
--color-morrel-200: #e4d1b9;
--color-morrel-300: #cab396;
--color-morrel-400: #b59978;
--color-morrel-500: #9f805a;
--color-morrel-600: #876c4c;
--color-morrel-700: #6c573d;
--color-morrel-800: #503f2b;
--color-morrel-900: #382b1d;
--color-morrel-950: #22190d;
}SCSS
$morrel: #ac8f6c;
$morrel-rgb: 172, 143, 108;
$morrel-light: mix(#fff, $morrel, 20%);
$morrel-dark: mix(#000, $morrel, 20%);
.element {
color: $morrel;
box-shadow: 0 0 0 2px rgba($morrel, 0.35);
}