Adlandırılmış renk · #66DD00
Radioactive Lilypad
Radioactive Lilypad, #66DD00: rgb(102 221 0), hsl(92 100% 43%), oklch(0.796 0.241 136.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Radioactive Lilypad color name →
#66DD00
oklch(0.796 0.241 136.9)
Renk dönüşümleri
- HEX
- #66dd00
- RGB
- rgb(102 221 0)
- HSL
- hsl(92 100% 43%)
- HWB
- hwb(92 0% 13%)
- OKLCH
- oklch(0.796 0.241 136.9)
- OKLab
- oklab(0.796 -0.176 0.165)
- CIE Lab
- lab(78.92 -57.15 74.93)
- LCH
- lch(78.92 94.24 127.3)
- CMYK
- cmyk(54% 0% 100% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 78E140
- 89E55E
- 99E976
- A9ED8C
- B8F0A1
- C6F4B4
- D5F7C7
- E3FADA
- F1FCED
Koyu tonlar
- 58C000
- 4AA400
- 3C8800
- 2F6E00
- 235500
- 173D00
- 0C2600
- 041100
- 000200
Gri tonlar
- 6BD42E
- 70CB41
- 74C14F
- 77B85A
- 79AF63
- 7BA66A
- 7D9C71
- 7E9376
- 7F8A7B
Renk uyumları
Tamamlayıcı +180°
- 66DD00
Radioactive Lilypad
- E59BFF
≈ Party Pig
Analog -30° +30°
- 66DD00
Radioactive Lilypad
- CAC300
≈ Dirty Yellow
- 00DDA6
≈ Malted Mint Madness
Üçlü +120° +240°
- 66DD00
Radioactive Lilypad
- 91BFFF
≈ Truesky Gloxym
- FF9DA1
≈ Rubber Radish
Bölünmüş tamamlayıcı +150° +210°
- 66DD00
Radioactive Lilypad
- B7B2FF
≈ Winterspring Lilac
- FF94CF
≈ Himalayan Balsam
Dörtlü +90° +180° +270°
- 66DD00
Radioactive Lilypad
- 44CDFF
≈ Thor’s Thunder
- E59BFF
≈ Party Pig
- FFA274
≈ Day at the Zoo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.76:1 · APCA Lc 32
Ag
AAASiyah üzerinde
WCAG 11.90:1 · APCA Lc 71
En iyi metin rengi: #000000
WCAG 11.90:1 (AAA) · APCA Lc 71
Contrast pairs
Kod parçacıkları
CSS
:root {
--radioactive-lilypad: #66dd00;
--radioactive-lilypad-rgb: 102 221 0;
--radioactive-lilypad-oklch: oklch(0.796 0.241 136.9);
}
.element {
color: var(--radioactive-lilypad);
background-color: hsl(92 100% 43%);
border-color: oklch(0.796 0.241 136.9);
}Tailwind CSS v4
@theme {
--color-radioactive-lilypad: #66dd00;
--color-radioactive-lilypad-50: #d2ffc4;
--color-radioactive-lilypad-100: #bffcad;
--color-radioactive-lilypad-200: #9ded86;
--color-radioactive-lilypad-300: #70d350;
--color-radioactive-lilypad-400: #4cbc00;
--color-radioactive-lilypad-500: #00a500;
--color-radioactive-lilypad-600: #088c00;
--color-radioactive-lilypad-700: #0a7000;
--color-radioactive-lilypad-800: #115200;
--color-radioactive-lilypad-900: #0b3900;
--color-radioactive-lilypad-950: #002300;
}SCSS
$radioactive-lilypad: #66dd00;
$radioactive-lilypad-rgb: 102, 221, 0;
$radioactive-lilypad-light: mix(#fff, $radioactive-lilypad, 20%);
$radioactive-lilypad-dark: mix(#000, $radioactive-lilypad, 20%);
.element {
color: $radioactive-lilypad;
box-shadow: 0 0 0 2px rgba($radioactive-lilypad, 0.35);
}