Colore con nome · #96BC4A
Early Spring
Early Spring è #96BC4A: rgb(150 188 74), hsl(80 46% 51%), oklch(0.744 0.148 125.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Early Spring color name →
#96BC4A
oklch(0.744 0.148 125.4)
Conversioni di colore
- HEX
- #96bc4a
- RGB
- rgb(150 188 74)
- HSL
- hsl(80 46% 51%)
- HWB
- hwb(80 29% 26%)
- OKLCH
- oklch(0.744 0.148 125.4)
- OKLab
- oklab(0.744 -0.086 0.121)
- CIE Lab
- lab(71.73 -26.12 51.63)
- LCH
- lch(71.73 57.86 116.8)
- CMYK
- cmyk(20% 0% 61% 26%)
Tinte · Ombre · Toni
Tinte
- A0C360
- AACA73
- B4D186
- BFD798
- C9DEA9
- D4E5BA
- DEEBCC
- E9F2DD
- F4F9EE
Ombre
- 82A33F
- 6E8B35
- 5B732A
- 495D20
- 374717
- 26320E
- 161F06
- 080D02
- 010200
Toni
- 94B653
- 92B05A
- 8FAA61
- 8DA467
- 8B9E6C
- 899871
- 879275
- 848C79
- 82867D
Armonie di colore
Complementare +180°
- 96BC4A
Early Spring
- C392F6
≈ Liliac
Analogo -30° +30°
- 96BC4A
Early Spring
- C9AA19
≈ Christmas Gold
- 4DC783
≈ Paris Green
Triadico +120° +240°
- 96BC4A
Early Spring
- 55B4FF
≈ Tiān Lán Sky
- F8819F
≈ Pink Sherbet
Complementare divisa +150° +210°
- 96BC4A
Early Spring
- 95A4FF
≈ Widowmaker
- E586D0
≈ Blushed Bombshell
Tetradico +90° +180° +270°
- 96BC4A
Early Spring
- 00C0E0
≈ Caribbean Blue
- C392F6
≈ Liliac
- FB8769
≈ Fruit Red
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASu nero
WCAG 9.58:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--early-spring: #96bc4a;
--early-spring-rgb: 150 188 74;
--early-spring-oklch: oklch(0.744 0.148 125.4);
}
.element {
color: var(--early-spring);
background-color: hsl(80 46% 51%);
border-color: oklch(0.744 0.148 125.4);
}Tailwind CSS v4
@theme {
--color-early-spring: #96bc4a;
--color-early-spring-50: #e9fed1;
--color-early-spring-100: #daf2bd;
--color-early-spring-200: #c3e19c;
--color-early-spring-300: #a2c671;
--color-early-spring-400: #8aad42;
--color-early-spring-500: #6f9600;
--color-early-spring-600: #5e7f00;
--color-early-spring-700: #4b6601;
--color-early-spring-800: #394a00;
--color-early-spring-900: #273300;
--color-early-spring-950: #151f00;
}SCSS
$early-spring: #96bc4a;
$early-spring-rgb: 150, 188, 74;
$early-spring-light: mix(#fff, $early-spring, 20%);
$early-spring-dark: mix(#000, $early-spring, 20%);
.element {
color: $early-spring;
box-shadow: 0 0 0 2px rgba($early-spring, 0.35);
}