Cor nomeada · #7A9703
Mossy Woods
Mossy Woods é #7A9703: rgb(122 151 3), hsl(72 96% 30%), oklch(0.631 0.153 122.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Mossy Woods color name →
#7A9703
oklch(0.631 0.153 122.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 86A135
- 93AC50
- A0B668
- ADC17E
- BACB94
- C7D6A9
- D5E0BF
- E3EAD4
- F1F5E9
Sombras
- 698302
- 596F02
- 495C01
- 3A4901
- 2B3700
- 1D2600
- 101700
- 050800
- 010100
Tons
- 7A9525
- 7B9336
- 7C9143
- 7C8F4E
- 7D8C58
- 7D8A61
- 7E8869
- 7F8571
- 7F8379
Harmonias de cor
Complementar +180°
- 7A9703
Mossy Woods
- 9C70D5
≈ Iridescent Purple
Análoga -30° +30°
- 7A9703
Mossy Woods
- A58600
≈ Golden Palm
- 24A359
≈ Full Energy
Tríade +120° +240°
- 7A9703
Mossy Woods
- 0092DC
≈ Kahu Blue
- D25C82
≈ Peppermint Swirl
Complementar dividida +150° +210°
- 7A9703
Mossy Woods
- 6B80E5
≈ Soft Blue
- BE62B2
≈ Mazzy Star
Tétrade +90° +180° +270°
- 7A9703
Mossy Woods
- 009AB0
≈ Caneel Bay
- 9C70D5
≈ Iridescent Purple
- D6604A
≈ Flame Stitch
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.35:1 · APCA Lc 61
Ag
AASobre preto
WCAG 6.25:1 · APCA Lc 41
Melhor cor de texto: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
Trechos de código
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);
}