Cor nomeada · #B9CB5A
Asparagus Fern
Asparagus Fern é #B9CB5A: rgb(185 203 90), hsl(70 52% 57%), oklch(0.805 0.14 117.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Asparagus Fern color name →
#B9CB5A
oklch(0.805 0.14 117.2)
Conversões de cor
- HEX
- #b9cb5a
- RGB
- rgb(185 203 90)
- HSL
- hsl(70 52% 57%)
- HWB
- hwb(70 35% 20%)
- OKLCH
- oklch(0.805 0.14 117.2)
- OKLab
- oklab(0.805 -0.064 0.124)
- CIE Lab
- lab(78.59 -18.13 52.97)
- LCH
- lch(78.59 55.99 108.9)
- CMYK
- cmyk(9% 0% 56% 20%)
Tons claros · Sombras · Tons
Tons claros
- C0D06E
- C6D680
- CDDB91
- D4E0A1
- DBE6B1
- E2EBC1
- E9F0D1
- F0F5E0
- F8FAF0
Sombras
- A0B04D
- 899641
- 717D35
- 5B6529
- 464D1E
- 313713
- 1E2209
- 0D0F03
- 020200
Tons
- B3C361
- ADBC66
- A7B46B
- A1AD70
- 9CA573
- 969E77
- 909679
- 8B8F7C
- 85877E
Harmonias de cor
Complementar +180°
- B9CB5A
Asparagus Fern
- C7B0FF
≈ Teasel Dipsacus
Análoga -30° +30°
- B9CB5A
Asparagus Fern
- E6B945
≈ Capital Yellow
- 7ED88A
≈ Electric Lettuce
Tríade +120° +240°
- B9CB5A
Asparagus Fern
- 74CAFF
≈ Bubbly Barracuda
- FF9DC0
≈ Saira Red
Complementar dividida +150° +210°
- B9CB5A
Asparagus Fern
- A4BEFF
≈ Pastel Blue
- EF9EEE
≈ Diva Mecha
Tétrade +90° +180° +270°
- B9CB5A
Asparagus Fern
- 00D8ED
≈ Thousand Sons Blue
- C7B0FF
≈ Teasel Dipsacus
- FFA398
≈ Corally
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.78:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.75:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.75:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--asparagus-fern: #b9cb5a;
--asparagus-fern-rgb: 185 203 90;
--asparagus-fern-oklch: oklch(0.805 0.14 117.2);
}
.element {
color: var(--asparagus-fern);
background-color: hsl(70 52% 57%);
border-color: oklch(0.805 0.14 117.2);
}Tailwind CSS v4
@theme {
--color-asparagus-fern: #b9cb5a;
--color-asparagus-fern-50: #f0fccf;
--color-asparagus-fern-100: #e2efbb;
--color-asparagus-fern-200: #cddd99;
--color-asparagus-fern-300: #afc26d;
--color-asparagus-fern-400: #99a93d;
--color-asparagus-fern-500: #809100;
--color-asparagus-fern-600: #6d7b00;
--color-asparagus-fern-700: #576200;
--color-asparagus-fern-800: #414700;
--color-asparagus-fern-900: #2d3100;
--color-asparagus-fern-950: #1a1d00;
}SCSS
$asparagus-fern: #b9cb5a;
$asparagus-fern-rgb: 185, 203, 90;
$asparagus-fern-light: mix(#fff, $asparagus-fern, 20%);
$asparagus-fern-dark: mix(#000, $asparagus-fern, 20%);
.element {
color: $asparagus-fern;
box-shadow: 0 0 0 2px rgba($asparagus-fern, 0.35);
}