Nazwany kolor · #8FFE09
Acid Green
Acid Green to #8FFE09: rgb(143 254 9), hsl(87 99% 52%), oklch(0.895 0.256 134). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Acid Green color name →
#8FFE09
oklch(0.895 0.256 134)
Konwersje koloru
- HEX
- #8ffe09
- RGB
- rgb(143 254 9)
- HSL
- hsl(87 99% 52%)
- HWB
- hwb(87 4% 0%)
- OKLCH
- oklch(0.895 0.256 134)
- OKLab
- oklab(0.895 -0.178 0.184)
- CIE Lab
- lab(90.4 -56.44 83.83)
- LCH
- lch(90.4 101.06 124)
- CMYK
- cmyk(44% 0% 96% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9CFF48
- A8FF67
- B4FF7F
- BFFF94
- CAFFA8
- D5FFBB
- E0FFCC
- EAFFDE
- F5FFEE
Odcienie ciemniejsze
- 7CDD07
- 69BD05
- 579E03
- 458002
- 346301
- 244701
- 152D00
- 071600
- 010300
Tony
- 8FF135
- 8EE549
- 8ED857
- 8CCB61
- 8BBF69
- 89B270
- 87A675
- 859979
- 838D7D
Harmonie kolorów
Komplementarna +180°
- 8FFE09
Acid Green
- EECEFF
≈ Rose Dragée
Analogowa -30° +30°
- 8FFE09
Acid Green
- F2E100
≈ Xanthic
- 4CFFBE
≈ Greenish Cyan
Triada +120° +240°
- 8FFE09
Acid Green
- C5DFFF
≈ Arc Light
- FFCED1
≈ Love Fumes
Komplementarna rozszczepiona +150° +210°
- 8FFE09
Acid Green
- D7D8FF
≈ Icy Plains
- FFCAE8
≈ Soulmate Pink
Tetrada +90° +180° +270°
- 8FFE09
Acid Green
- AAE7FF
≈ Fresh Air
- EECEFF
≈ Rose Dragée
- FFD1BD
≈ Vienna Sausage
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.28:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.34:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--acid-green: #8ffe09;
--acid-green-rgb: 143 254 9;
--acid-green-oklch: oklch(0.895 0.256 134);
}
.element {
color: var(--acid-green);
background-color: hsl(87 99% 52%);
border-color: oklch(0.895 0.256 134);
}Tailwind CSS v4
@theme {
--color-acid-green: #8ffe09;
--color-acid-green-50: #d4ffbd;
--color-acid-green-100: #c1fca5;
--color-acid-green-200: #a1ed7a;
--color-acid-green-300: #75d33b;
--color-acid-green-400: #55bb00;
--color-acid-green-500: #21a400;
--color-acid-green-600: #208b00;
--color-acid-green-700: #1a6f00;
--color-acid-green-800: #1a5100;
--color-acid-green-900: #113900;
--color-acid-green-950: #032300;
}SCSS
$acid-green: #8ffe09;
$acid-green-rgb: 143, 254, 9;
$acid-green-light: mix(#fff, $acid-green, 20%);
$acid-green-dark: mix(#000, $acid-green, 20%);
.element {
color: $acid-green;
box-shadow: 0 0 0 2px rgba($acid-green, 0.35);
}