Color con nombre · #A7FC00
Spring Bud
Spring Bud es #A7FC00: rgb(167 252 0), hsl(80 100% 49%), oklch(0.902 0.243 130). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Spring Bud color name →
#A7FC00
oklch(0.902 0.243 130)
Conversiones de color
- HEX
- #a7fc00
- RGB
- rgb(167 252 0)
- HSL
- hsl(80 100% 49%)
- HWB
- hwb(80 0% 1%)
- OKLCH
- oklch(0.902 0.243 130)
- OKLab
- oklab(0.902 -0.156 0.186)
- CIE Lab
- lab(90.95 -48.01 85.47)
- LCH
- lch(90.95 98.03 119.3)
- CMYK
- cmyk(34% 0% 100% 1%)
Tintes · Sombras · Tonos
Tintes
- B0FD47
- B9FE66
- C2FF7F
- CBFF94
- D4FFA8
- DDFFBB
- E5FFCC
- EEFFDE
- F6FFEE
Sombras
- 91DB00
- 7BBB00
- 669C00
- 527E00
- 3E6200
- 2C4700
- 1A2D00
- 0A1600
- 010300
Tonos
- A3EF34
- A0E348
- 9CD656
- 98CA61
- 95BE69
- 91B170
- 8DA575
- 889979
- 848C7D
Armonías de color
Complementario +180°
- A7FC00
Spring Bud
- ECD3FF
≈ Rose Dragée
Análogo -30° +30°
- A7FC00
Spring Bud
- FCE000
≈ Tibetan Yellow
- 6BFFB9
≈ Venice Green
Triádico +120° +240°
- A7FC00
Spring Bud
- C7E2FF
≈ Fresh Water
- FFD1D7
≈ Love Fumes
Complementario dividido +150° +210°
- A7FC00
Spring Bud
- D8DCFF
≈ Transparent Blue
- FFCDED
≈ Infra-White
Tetrádico +90° +180° +270°
- A7FC00
Spring Bud
- AAEAFF
≈ Fresh Air
- ECD3FF
≈ Rose Dragée
- FFD4C4
≈ Coral Dune
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.56:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.56:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--spring-bud: #a7fc00;
--spring-bud-rgb: 167 252 0;
--spring-bud-oklch: oklch(0.902 0.243 130);
}
.element {
color: var(--spring-bud);
background-color: hsl(80 100% 49%);
border-color: oklch(0.902 0.243 130);
}Tailwind CSS v4
@theme {
--color-spring-bud: #a7fc00;
--color-spring-bud-50: #dbffbc;
--color-spring-bud-100: #caf9a4;
--color-spring-bud-200: #adea78;
--color-spring-bud-300: #87d036;
--color-spring-bud-400: #6bb700;
--color-spring-bud-500: #49a000;
--color-spring-bud-600: #3f8700;
--color-spring-bud-700: #326d00;
--color-spring-bud-800: #284f00;
--color-spring-bud-900: #1b3700;
--color-spring-bud-950: #0b2200;
}SCSS
$spring-bud: #a7fc00;
$spring-bud-rgb: 167, 252, 0;
$spring-bud-light: mix(#fff, $spring-bud, 20%);
$spring-bud-dark: mix(#000, $spring-bud, 20%);
.element {
color: $spring-bud;
box-shadow: 0 0 0 2px rgba($spring-bud, 0.35);
}