Adlandırılmış renk · #89FE05
Radioactive
Radioactive, #89FE05: rgb(137 254 5), hsl(88 99% 51%), oklch(0.892 0.259 134.8). 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 color name →
#89FE05
oklch(0.892 0.259 134.8)
Renk dönüşümleri
- HEX
- #89fe05
- RGB
- rgb(137 254 5)
- HSL
- hsl(88 99% 51%)
- HWB
- hwb(88 2% 0%)
- OKLCH
- oklch(0.892 0.259 134.8)
- OKLab
- oklab(0.892 -0.182 0.184)
- CIE Lab
- lab(90.15 -58.27 83.78)
- LCH
- lch(90.15 102.05 124.8)
- CMYK
- cmyk(46% 0% 98% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 97FF47
- A4FF66
- B0FF7F
- BCFF94
- C8FFA8
- D3FFBA
- DEFFCC
- E9FFDD
- F4FFEE
Koyu tonlar
- 76DD04
- 64BD03
- 539E02
- 428001
- 316301
- 224700
- 142D00
- 071600
- 010300
Gri tonlar
- 8AF134
- 8AE548
- 8AD856
- 8ACB60
- 89BF69
- 88B26F
- 86A675
- 849979
- 828D7D
Renk uyumları
Tamamlayıcı +180°
- 89FE05
Radioactive
- EFCDFF
≈ Sparkling Lavender
Analog -30° +30°
- 89FE05
Radioactive
- EFE100
≈ Xanthic
- 3DFFBE
≈ Night Pearl
Üçlü +120° +240°
- 89FE05
Radioactive
- C4DEFF
≈ Dithered Sky
- FFCDCF
≈ Lusty-Gallant
Bölünmüş tamamlayıcı +150° +210°
- 89FE05
Radioactive
- D7D7FF
≈ Icy Plains
- FFC9E6
≈ Soulmate Pink
Dörtlü +90° +180° +270°
- 89FE05
Radioactive
- A8E6FF
≈ Fresh Air
- EFCDFF
≈ Sparkling Lavender
- FFD0BB
≈ Vienna Sausage
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.29:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.24:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.24:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--radioactive: #89fe05;
--radioactive-rgb: 137 254 5;
--radioactive-oklch: oklch(0.892 0.259 134.8);
}
.element {
color: var(--radioactive);
background-color: hsl(88 99% 51%);
border-color: oklch(0.892 0.259 134.8);
}Tailwind CSS v4
@theme {
--color-radioactive: #89fe05;
--color-radioactive-50: #d3ffbd;
--color-radioactive-100: #bffca5;
--color-radioactive-200: #9eed7a;
--color-radioactive-300: #71d43b;
--color-radioactive-400: #4fbc00;
--color-radioactive-500: #0fa500;
--color-radioactive-600: #148c00;
--color-radioactive-700: #117000;
--color-radioactive-800: #155200;
--color-radioactive-900: #0e3900;
--color-radioactive-950: #022300;
}SCSS
$radioactive: #89fe05;
$radioactive-rgb: 137, 254, 5;
$radioactive-light: mix(#fff, $radioactive, 20%);
$radioactive-dark: mix(#000, $radioactive, 20%);
.element {
color: $radioactive;
box-shadow: 0 0 0 2px rgba($radioactive, 0.35);
}