Cor nomeada · #9FC65E
Spring Lime
Spring Lime é #9FC65E: rgb(159 198 94), hsl(83 48% 57%), oklch(0.776 0.139 126.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Spring Lime color name →
#9FC65E
oklch(0.776 0.139 126.5)
Conversões de cor
- HEX
- #9fc65e
- RGB
- rgb(159 198 94)
- HSL
- hsl(83 48% 57%)
- HWB
- hwb(83 37% 22%)
- OKLCH
- oklch(0.776 0.139 126.5)
- OKLab
- oklab(0.776 -0.083 0.112)
- CIE Lab
- lab(75.37 -25.77 46.93)
- LCH
- lch(75.37 53.54 118.8)
- CMYK
- cmyk(20% 0% 53% 22%)
Tons claros · Sombras · Tons
Tons claros
- A8CC70
- B2D281
- BBD892
- C4DDA2
- CEE3B1
- D8E9C1
- E1EED1
- EBF4E0
- F5FAF0
Sombras
- 8AAC51
- 759244
- 617A37
- 4D622B
- 3B4B1F
- 293514
- 18210A
- 090E03
- 010200
Tons
- 9CBF64
- 99B868
- 96B16D
- 93AA70
- 8FA374
- 8C9C77
- 89957A
- 868E7C
- 83877E
Harmonias de cor
Complementar +180°
- 9FC65E
Spring Lime
- CD9DFC
≈ Hydrangea Purple
Análoga -30° +30°
- 9FC65E
Spring Lime
- D0B53B
≈ Old Gold
- 5ED091
≈ Van Gogh Green
Tríade +120° +240°
- 9FC65E
Spring Lime
- 72BDFF
≈ Green Darner Tail
- FF8FA8
≈ Salmon Pink
Complementar dividida +150° +210°
- 9FC65E
Spring Lime
- A3AFFF
≈ Shy Moment
- EE92D7
≈ Mayflower Orchid
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.71:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--spring-lime: #9fc65e;
--spring-lime-rgb: 159 198 94;
--spring-lime-oklch: oklch(0.776 0.139 126.5);
}
.element {
color: var(--spring-lime);
background-color: hsl(83 48% 57%);
border-color: oklch(0.776 0.139 126.5);
}Tailwind CSS v4
@theme {
--color-spring-lime: #9fc65e;
--color-spring-lime-50: #e9fed3;
--color-spring-lime-100: #daf2c0;
--color-spring-lime-200: #c2e0a0;
--color-spring-lime-300: #a2c577;
--color-spring-lime-400: #89ad4b;
--color-spring-lime-500: #6e9612;
--color-spring-lime-600: #5d7f15;
--color-spring-lime-700: #4a6511;
--color-spring-lime-800: #384a06;
--color-spring-lime-900: #263305;
--color-spring-lime-950: #151f00;
}SCSS
$spring-lime: #9fc65e;
$spring-lime-rgb: 159, 198, 94;
$spring-lime-light: mix(#fff, $spring-lime, 20%);
$spring-lime-dark: mix(#000, $spring-lime, 20%);
.element {
color: $spring-lime;
box-shadow: 0 0 0 2px rgba($spring-lime, 0.35);
}