Cor nomeada · #C1B76A
Linden Green
Linden Green é #C1B76A: rgb(193 183 106), hsl(53 41% 59%), oklch(0.771 0.099 101.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Linden Green color name →
#C1B76A
oklch(0.771 0.099 101.9)
Conversões de cor
- HEX
- #c1b76a
- RGB
- rgb(193 183 106)
- HSL
- hsl(53 41% 59%)
- HWB
- hwb(53 42% 24%)
- OKLCH
- oklch(0.771 0.099 101.9)
- OKLab
- oklab(0.771 -0.02 0.097)
- CIE Lab
- lab(73.99 -4.25 40.28)
- LCH
- lch(73.99 40.51 96)
- CMYK
- cmyk(0% 5% 45% 24%)
Tons claros · Sombras · Tons
Tons claros
- C7BE7A
- CDC589
- D3CD98
- D9D4A7
- DFDBB6
- E6E2C4
- ECE9D3
- F2F1E2
- F9F8F0
Sombras
- A79F5B
- 8F874D
- 77703F
- 5F5A31
- 494524
- 343118
- 201E0D
- 0E0C04
- 020200
Tons
- BAB16D
- B4AC71
- ADA673
- A6A176
- A09B78
- 99967A
- 93907C
- 8C8B7D
- 86867F
Harmonias de cor
Complementar +180°
- C1B76A
Linden Green
- AAADF3
≈ Wondrous Wisteria
Análoga -30° +30°
- C1B76A
Linden Green
- DCAA6B
≈ Frankincense
- 9DC27F
≈ Picnic
Tríade +120° +240°
- C1B76A
Linden Green
- 65C3E2
≈ Candid Blue
- E19BC6
≈ Lilac Chiffon
Complementar dividida +150° +210°
- C1B76A
Linden Green
- 85B9F2
≈ Electric Eel
- CAA2E3
≈ Silver Rust
Tétrade +90° +180° +270°
- C1B76A
Linden Green
- 5DC9C5
≈ Setting Sail
- AAADF3
≈ Wondrous Wisteria
- EC9AA4
≈ Pink Floyd
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.04:1 · APCA Lc 40
Ag
AAASobre preto
WCAG 10.24:1 · APCA Lc 62
Melhor cor de texto: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Trechos de código
CSS
:root {
--linden-green: #c1b76a;
--linden-green-rgb: 193 183 106;
--linden-green-oklch: oklch(0.771 0.099 101.9);
}
.element {
color: var(--linden-green);
background-color: hsl(53 41% 59%);
border-color: oklch(0.771 0.099 101.9);
}Tailwind CSS v4
@theme {
--color-linden-green: #c1b76a;
--color-linden-green-50: #f9f7d7;
--color-linden-green-100: #edeac4;
--color-linden-green-200: #dbd7a6;
--color-linden-green-300: #bfba7e;
--color-linden-green-400: #aaa159;
--color-linden-green-500: #94882f;
--color-linden-green-600: #7d732a;
--color-linden-green-700: #645c21;
--color-linden-green-800: #4a4315;
--color-linden-green-900: #342e0e;
--color-linden-green-950: #1f1b02;
}SCSS
$linden-green: #c1b76a;
$linden-green-rgb: 193, 183, 106;
$linden-green-light: mix(#fff, $linden-green, 20%);
$linden-green-dark: mix(#000, $linden-green, 20%);
.element {
color: $linden-green;
box-shadow: 0 0 0 2px rgba($linden-green, 0.35);
}