Colore con nome · #86BA4A
Spring Sprout
Spring Sprout è #86BA4A: rgb(134 186 74), hsl(88 45% 51%), oklch(0.729 0.153 130.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Spring Sprout color name →
#86BA4A
oklch(0.729 0.153 130.4)
Conversioni di colore
- HEX
- #86ba4a
- RGB
- rgb(134 186 74)
- HSL
- hsl(88 45% 51%)
- HWB
- hwb(88 29% 27%)
- OKLCH
- oklch(0.729 0.153 130.4)
- OKLab
- oklab(0.729 -0.099 0.117)
- CIE Lab
- lab(70.12 -31.33 49.54)
- LCH
- lch(70.12 58.62 122.3)
- CMYK
- cmyk(28% 0% 60% 27%)
Tinte · Ombre · Toni
Tinte
- 92C15F
- 9EC873
- AACF85
- B6D697
- C2DDA8
- CEE4BA
- DAEBCB
- E6F2DC
- F3F8EE
Ombre
- 74A13F
- 628935
- 51722A
- 405C20
- 304617
- 21320E
- 131E06
- 060D02
- 010200
Toni
- 86B453
- 85AF5A
- 85A960
- 84A366
- 849D6B
- 839870
- 829275
- 828C79
- 81867C
Armonie di colore
Complementare +180°
- 86BA4A
Spring Sprout
- C58AEE
≈ Luminous Lavender
Analogo -30° +30°
- 86BA4A
Spring Sprout
- BDA900
≈ Green Flavour
- 2BC486
≈ Píng Gǔo Lǜ Green
Triadico +120° +240°
- 86BA4A
Spring Sprout
- 59ACFF
≈ Joust Blue
- F77A91
≈ Carnation
Complementare divisa +150° +210°
- 86BA4A
Spring Sprout
- 979BFF
≈ Cobalite
- E67EC5
≈ Fuchsia Blush
Tetradico +90° +180° +270°
- 86BA4A
Spring Sprout
- 00BAE1
≈ Maldives
- C58AEE
≈ Luminous Lavender
- F68258
≈ Bonfire
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.13:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--spring-sprout: #86ba4a;
--spring-sprout-rgb: 134 186 74;
--spring-sprout-oklch: oklch(0.729 0.153 130.4);
}
.element {
color: var(--spring-sprout);
background-color: hsl(88 45% 51%);
border-color: oklch(0.729 0.153 130.4);
}Tailwind CSS v4
@theme {
--color-spring-sprout: #86ba4a;
--color-spring-sprout-50: #e5ffd2;
--color-spring-sprout-100: #d5f3bf;
--color-spring-sprout-200: #bce39e;
--color-spring-sprout-300: #99c874;
--color-spring-sprout-400: #7fb047;
--color-spring-sprout-500: #629900;
--color-spring-sprout-600: #53810a;
--color-spring-sprout-700: #42680a;
--color-spring-sprout-800: #324c01;
--color-spring-sprout-900: #223502;
--color-spring-sprout-950: #112000;
}SCSS
$spring-sprout: #86ba4a;
$spring-sprout-rgb: 134, 186, 74;
$spring-sprout-light: mix(#fff, $spring-sprout, 20%);
$spring-sprout-dark: mix(#000, $spring-sprout, 20%);
.element {
color: $spring-sprout;
box-shadow: 0 0 0 2px rgba($spring-sprout, 0.35);
}