最接近的命名颜色 · #7E9B5C
#7E9B5C
最接近的命名颜色: Frankenstein
#7E9B5C（rgb(126 155 92)、hsl(88 26% 48%)、oklch(0.652 0.094 128.9)）最接近命名颜色 Frankenstein。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#7E9B5C
oklch(0.652 0.094 128.9)
颜色转换
- HEX
- #7e9b5c
- RGB
- rgb(126 155 92)
- HSL
- hsl(88 26% 48%)
- HWB
- hwb(88 36% 39%)
- OKLCH
- oklch(0.652 0.094 128.9)
- OKLab
- oklab(0.652 -0.059 0.073)
- CIE Lab
- lab(60.59 -18.93 29.53)
- LCH
- lch(60.59 35.08 122.7)
- CMYK
- cmyk(19% 0% 41% 39%)
浅色调 · 深色调 · 灰色调
浅色调
- 8AA56C
- 97AF7C
- A3B98C
- B0C29C
- BDCCAC
- CAD6BD
- D7E1CD
- E4EBDE
- F1F5EE
深色调
- 6D864F
- 5C7242
- 4C5E36
- 3C4B2A
- 2D391F
- 1F2814
- 11180A
- 050903
- 010100
灰色调
- 7E9860
- 7F9664
- 7F9368
- 7F906C
- 7F8E70
- 7F8B73
- 808877
- 80867A
- 80837D
配色和谐
互补色 +180°
- 7E9B5C
Frankenstein
- A080BB
≈ Purple Mountains’ Majesty
类似色 -30° +30°
- 7E9B5C
Frankenstein
- 9E9149
≈ Off the Grid
- 59A17B
≈ Advertising Green
三角配色 +120° +240°
- 7E9B5C
Frankenstein
- 6194C7
≈ Come Sail Away
- C17784
≈ Rosily
分裂互补色 +150° +210°
- 7E9B5C
Frankenstein
- 838AC8
≈ True Lavender
- B679A3
≈ Purple Cheeks
四角配色 +90° +180° +270°
- 7E9B5C
Frankenstein
- 419DB6
≈ Sports Blue
- A080BB
≈ Purple Mountains’ Majesty
- C17B65
≈ Pinata
对比度与无障碍
Ag
Fail白底
WCAG 3.12:1 · APCA Lc 58
Ag
AA黑底
WCAG 6.73:1 · APCA Lc 44
最佳文字颜色: #000000
WCAG 6.73:1 (AA) · APCA Lc 44
Contrast pairs
代码片段
CSS
:root {
--frankenstein: #7e9b5c;
--frankenstein-rgb: 126 155 92;
--frankenstein-oklch: oklch(0.652 0.094 128.9);
}
.element {
color: var(--frankenstein);
background-color: hsl(88 26% 48%);
border-color: oklch(0.652 0.094 128.9);
}Tailwind CSS v4
@theme {
--color-frankenstein: #7e9b5c;
--color-frankenstein-50: #ecfbdf;
--color-frankenstein-100: #ddefcf;
--color-frankenstein-200: #c6ddb3;
--color-frankenstein-300: #a7c28f;
--color-frankenstein-400: #8daa6d;
--color-frankenstein-500: #73924c;
--color-frankenstein-600: #617c41;
--color-frankenstein-700: #4e6334;
--color-frankenstein-800: #3a4823;
--color-frankenstein-900: #273217;
--color-frankenstein-950: #161e08;
}SCSS
$frankenstein: #7e9b5c;
$frankenstein-rgb: 126, 155, 92;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}