Cor nomeada · #797447
Fern Shade
Fern Shade é #797447: rgb(121 116 71), hsl(54 26% 38%), oklch(0.552 0.064 102.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fern Shade color name →
#797447
oklch(0.552 0.064 102.8)
Conversões de cor
- HEX
- #797447
- RGB
- rgb(121 116 71)
- HSL
- hsl(54 26% 38%)
- HWB
- hwb(54 28% 53%)
- OKLCH
- oklch(0.552 0.064 102.8)
- OKLab
- oklab(0.552 -0.014 0.062)
- CIE Lab
- lab(48.46 -3.27 25.57)
- LCH
- lch(48.46 25.77 97.3)
- CMYK
- cmyk(0% 4% 41% 53%)
Tons claros · Sombras · Tons
Tons claros
- 858159
- 928E6A
- 9F9C7C
- ACAA8E
- BAB7A0
- C7C5B3
- D5D4C5
- E3E2D8
- F1F0EC
Sombras
- 68643D
- 585432
- 484528
- 39371F
- 2B2916
- 1D1B0D
- 100F06
- 050502
- 010100
Tons
- 7A754D
- 7A7753
- 7B7859
- 7C795F
- 7C7A65
- 7D7B6A
- 7E7D70
- 7F7E75
- 7F7F7B
Harmonias de cor
Complementar +180°
- 797447
Fern Shade
- 6C6E97
≈ Campanula Purple
Análoga -30° +30°
- 797447
Fern Shade
- 896C47
≈ Castle Moat
- 647A53
≈ Garden Club
Tríade +120° +240°
- 797447
Fern Shade
- 457B8D
≈ Jelly Bean
- 8D637C
≈ Victorian Plum
Complementar dividida +150° +210°
- 797447
Fern Shade
- 577597
≈ Yawl
- 7F678D
≈ Nymph’s Delight
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.77:1 · APCA Lc 73
Ag
FailSobre preto
WCAG 4.40:1 · APCA Lc 29
Melhor cor de texto: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--fern-shade: #797447;
--fern-shade-rgb: 121 116 71;
--fern-shade-oklch: oklch(0.552 0.064 102.8);
}
.element {
color: var(--fern-shade);
background-color: hsl(54 26% 38%);
border-color: oklch(0.552 0.064 102.8);
}Tailwind CSS v4
@theme {
--color-fern-shade: #797447;
--color-fern-shade-50: #f7f7e2;
--color-fern-shade-100: #ebe9d1;
--color-fern-shade-200: #d8d6b7;
--color-fern-shade-300: #bcba94;
--color-fern-shade-400: #a5a074;
--color-fern-shade-500: #8e8855;
--color-fern-shade-600: #787349;
--color-fern-shade-700: #605c3a;
--color-fern-shade-800: #474329;
--color-fern-shade-900: #312e1b;
--color-fern-shade-950: #1d1b0c;
}SCSS
$fern-shade: #797447;
$fern-shade-rgb: 121, 116, 71;
$fern-shade-light: mix(#fff, $fern-shade, 20%);
$fern-shade-dark: mix(#000, $fern-shade, 20%);
.element {
color: $fern-shade;
box-shadow: 0 0 0 2px rgba($fern-shade, 0.35);
}