命名颜色 · #7A9703
Mossy Woods
Mossy Woods 即 #7A9703：rgb(122 151 3)、hsl(72 96% 30%)、oklch(0.631 0.153 122.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Mossy Woods color name →
#7A9703
oklch(0.631 0.153 122.3)
颜色转换
- HEX
- #7a9703
- RGB
- rgb(122 151 3)
- HSL
- hsl(72 96% 30%)
- HWB
- hwb(72 1% 41%)
- OKLCH
- oklch(0.631 0.153 122.3)
- OKLab
- oklab(0.631 -0.082 0.129)
- CIE Lab
- lab(58.53 -23.22 59.82)
- LCH
- lch(58.53 64.17 111.2)
- CMYK
- cmyk(19% 0% 98% 41%)
浅色调 · 深色调 · 灰色调
浅色调
- 86A135
- 93AC50
- A0B668
- ADC17E
- BACB94
- C7D6A9
- D5E0BF
- E3EAD4
- F1F5E9
深色调
- 698302
- 596F02
- 495C01
- 3A4901
- 2B3700
- 1D2600
- 101700
- 050800
- 010100
灰色调
- 7A9525
- 7B9336
- 7C9143
- 7C8F4E
- 7D8C58
- 7D8A61
- 7E8869
- 7F8571
- 7F8379
配色和谐
互补色 +180°
- 7A9703
Mossy Woods
- 9C70D5
≈ Iridescent Purple
类似色 -30° +30°
- 7A9703
Mossy Woods
- A58600
≈ Golden Palm
- 24A359
≈ Full Energy
三角配色 +120° +240°
- 7A9703
Mossy Woods
- 0092DC
≈ Kahu Blue
- D25C82
≈ Peppermint Swirl
分裂互补色 +150° +210°
- 7A9703
Mossy Woods
- 6B80E5
≈ Soft Blue
- BE62B2
≈ Mazzy Star
四角配色 +90° +180° +270°
- 7A9703
Mossy Woods
- 009AB0
≈ Caneel Bay
- 9C70D5
≈ Iridescent Purple
- D6604A
≈ Flame Stitch
对比度与无障碍
Ag
Fail白底
WCAG 3.35:1 · APCA Lc 61
Ag
AA黑底
WCAG 6.25:1 · APCA Lc 41
最佳文字颜色: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
代码片段
CSS
:root {
--mossy-woods: #7a9703;
--mossy-woods-rgb: 122 151 3;
--mossy-woods-oklch: oklch(0.631 0.153 122.3);
}
.element {
color: var(--mossy-woods);
background-color: hsl(72 96% 30%);
border-color: oklch(0.631 0.153 122.3);
}Tailwind CSS v4
@theme {
--color-mossy-woods: #7a9703;
--color-mossy-woods-50: #ecfdce;
--color-mossy-woods-100: #ddf1b9;
--color-mossy-woods-200: #c6e097;
--color-mossy-woods-300: #a7c56a;
--color-mossy-woods-400: #8fac37;
--color-mossy-woods-500: #759400;
--color-mossy-woods-600: #637e00;
--color-mossy-woods-700: #4f6500;
--color-mossy-woods-800: #3c4900;
--color-mossy-woods-900: #293300;
--color-mossy-woods-950: #171e00;
}SCSS
$mossy-woods: #7a9703;
$mossy-woods-rgb: 122, 151, 3;
$mossy-woods-light: mix(#fff, $mossy-woods, 20%);
$mossy-woods-dark: mix(#000, $mossy-woods, 20%);
.element {
color: $mossy-woods;
box-shadow: 0 0 0 2px rgba($mossy-woods, 0.35);
}