Nazwany kolor · #98FB98
Toxic Frog
Toxic Frog to #98FB98: rgb(152 251 152), hsl(120 93% 79%), oklch(0.904 0.162 144.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Toxic Frog color name →
#98FB98
oklch(0.904 0.162 144.1)
Konwersje koloru
- HEX
- #98fb98
- RGB
- rgb(152 251 152)
- HSL
- hsl(120 93% 79%)
- HWB
- hwb(120 60% 2%)
- OKLCH
- oklch(0.904 0.162 144.1)
- OKLab
- oklab(0.904 -0.132 0.095)
- CIE Lab
- lab(90.8 -44.84 37.95)
- LCH
- lch(90.8 58.74 139.8)
- CMYK
- cmyk(39% 0% 39% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A4FCA3
- AFFCAE
- BAFDB8
- C4FEC3
- CFFECD
- D9FED7
- E3FFE1
- ECFFEB
- F6FFF5
Odcienie ciemniejsze
- 84DA84
- 70BA70
- 5C9C5C
- 4A7E4A
- 386138
- 274627
- 172D17
- 081508
- 010301
Tony
- 97EE96
- 95E295
- 94D593
- 92C990
- 8FBC8E
- 8DB08C
- 8AA489
- 879886
- 848C83
Harmonie kolorów
Komplementarna +180°
- 98FB98
Toxic Frog
- FCCDFF
≈ Sugar Chic
Analogowa -30° +30°
- 98FB98
Toxic Frog
- DEEB5F
≈ Mindaro
- 56FFD8
≈ Aurichalcite
Triada +120° +240°
- 98FB98
Toxic Frog
- D0E0FF
≈ Arc Light
- FFD3CF
≈ Girlie
Komplementarna rozszczepiona +150° +210°
- 98FB98
Toxic Frog
- E0D9FF
≈ Transparent Blue
- FFD0E2
≈ Light Pink
Tetrada +90° +180° +270°
- 98FB98
Toxic Frog
- BCE6FF
≈ Icy Landscape
- FCCDFF
≈ Sugar Chic
- FFD6BC
≈ Mom’s Love
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.58:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--toxic-frog: #98fb98;
--toxic-frog-rgb: 152 251 152;
--toxic-frog-oklch: oklch(0.904 0.162 144.1);
}
.element {
color: var(--toxic-frog);
background-color: hsl(120 93% 79%);
border-color: oklch(0.904 0.162 144.1);
}Tailwind CSS v4
@theme {
--color-toxic-frog: #98fb98;
--color-toxic-frog-50: #d8ffda;
--color-toxic-frog-100: #c6f7c8;
--color-toxic-frog-200: #a7e7ab;
--color-toxic-frog-300: #7ece84;
--color-toxic-frog-400: #5bb75c;
--color-toxic-frog-500: #2ba034;
--color-toxic-frog-600: #27872e;
--color-toxic-frog-700: #206c25;
--color-toxic-frog-800: #195015;
--color-toxic-frog-900: #11370e;
--color-toxic-frog-950: #032202;
}SCSS
$toxic-frog: #98fb98;
$toxic-frog-rgb: 152, 251, 152;
$toxic-frog-light: mix(#fff, $toxic-frog, 20%);
$toxic-frog-dark: mix(#000, $toxic-frog, 20%);
.element {
color: $toxic-frog;
box-shadow: 0 0 0 2px rgba($toxic-frog, 0.35);
}