Adlandırılmış renk · #61DE2A
Toxic Green
Toxic Green, #61DE2A: rgb(97 222 42), hsl(102 73% 52%), oklch(0.798 0.234 138.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Toxic Green color name →
#61DE2A
oklch(0.798 0.234 138.6)
Renk dönüşümleri
- HEX
- #61de2a
- RGB
- rgb(97 222 42)
- HSL
- hsl(102 73% 52%)
- HWB
- hwb(102 16% 13%)
- OKLCH
- oklch(0.798 0.234 138.6)
- OKLab
- oklab(0.798 -0.176 0.155)
- CIE Lab
- lab(79.14 -57.96 68.78)
- LCH
- lch(79.14 89.95 130.1)
- CMYK
- cmyk(56% 0% 81% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 75E24D
- 86E667
- 97EA7D
- A7ED91
- B6F1A5
- C5F4B7
- D4F7CA
- E2FADC
- F1FDED
Koyu tonlar
- 53C123
- 46A51C
- 398916
- 2D6F10
- 21550A
- 153D05
- 0B2602
- 031201
- 000200
Gri tonlar
- 67D53E
- 6DCB4C
- 71C257
- 75B95F
- 78AF67
- 7AA66D
- 7C9D73
- 7E9378
- 7F8A7C
Renk uyumları
Tamamlayıcı +180°
- 61DE2A
Toxic Green
- E999FF
≈ Party Pig
Analog -30° +30°
- 61DE2A
Toxic Green
- C8C400
≈ Dirty Yellow
- 00DDAA
≈ Malted Mint Madness
Üçlü +120° +240°
- 61DE2A
Toxic Green
- 95BFFF
≈ Truesky Gloxym
- FF9EA0
≈ Rubber Radish
Bölünmüş tamamlayıcı +150° +210°
- 61DE2A
Toxic Green
- BAB2FF
≈ Winterspring Lilac
- FF96CC
≈ Himalayan Balsam
Dörtlü +90° +180° +270°
- 61DE2A
Toxic Green
- 4FCDFF
≈ Thor’s Thunder
- E999FF
≈ Party Pig
- FFA372
≈ Day at the Zoo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.75:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.99:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--toxic-green: #61de2a;
--toxic-green-rgb: 97 222 42;
--toxic-green-oklch: oklch(0.798 0.234 138.6);
}
.element {
color: var(--toxic-green);
background-color: hsl(102 73% 52%);
border-color: oklch(0.798 0.234 138.6);
}Tailwind CSS v4
@theme {
--color-toxic-green: #61de2a;
--color-toxic-green-50: #d1ffc7;
--color-toxic-green-100: #bdfcb1;
--color-toxic-green-200: #9bed8c;
--color-toxic-green-300: #6dd359;
--color-toxic-green-400: #46bc00;
--color-toxic-green-500: #00a500;
--color-toxic-green-600: #008c00;
--color-toxic-green-700: #007000;
--color-toxic-green-800: #0b5200;
--color-toxic-green-900: #073900;
--color-toxic-green-950: #002300;
}SCSS
$toxic-green: #61de2a;
$toxic-green-rgb: 97, 222, 42;
$toxic-green-light: mix(#fff, $toxic-green, 20%);
$toxic-green-dark: mix(#000, $toxic-green, 20%);
.element {
color: $toxic-green;
box-shadow: 0 0 0 2px rgba($toxic-green, 0.35);
}