Colore con nome · #7FFF00
Radium
Radium è #7FFF00: rgb(127 255 0), hsl(90 100% 50%), oklch(0.89 0.265 136). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Radium color name →
#7FFF00
oklch(0.89 0.265 136)
Conversioni di colore
- HEX
- #7fff00
- RGB
- rgb(127 255 0)
- HSL
- hsl(90 100% 50%)
- HWB
- hwb(90 0% 0%)
- OKLCH
- oklch(0.89 0.265 136)
- OKLab
- oklab(0.89 -0.191 0.184)
- CIE Lab
- lab(90.05 -61.49 83.86)
- LCH
- lch(90.05 103.98 126.2)
- CMYK
- cmyk(50% 0% 100% 0%)
Tinte · Ombre · Toni
Tinte
- 8FFF46
- 9DFF66
- ABFF7E
- B8FF94
- C4FFA7
- D1FFBA
- DDFFCC
- E8FFDD
- F4FFEE
Ombre
- 6EDE00
- 5DBE00
- 4C9E00
- 3C8000
- 2D6300
- 1F4800
- 112E00
- 061600
- 010300
Toni
- 81F233
- 83E548
- 84D956
- 85CC60
- 85BF68
- 85B36F
- 84A675
- 839979
- 828D7D
Armonie di colore
Complementare +180°
- 7FFF00
Radium
- F0CBFF
≈ Sparkling Lavender
Analogo -30° +30°
- 7FFF00
Radium
- ECE100
≈ Birdie
- 2EFFC0
≈ Night Pearl
Triadico +120° +240°
- 7FFF00
Radium
- C4DDFF
≈ Arc Light
- FFCCCE
≈ Lusty-Gallant
Complementare divisa +150° +210°
- 7FFF00
Radium
- D7D6FF
≈ Pale Phthalo Blue
- FFC8E5
≈ Soulmate Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.29:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.20:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.20:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--radium: #7fff00;
--radium-rgb: 127 255 0;
--radium-oklch: oklch(0.89 0.265 136);
}
.element {
color: var(--radium);
background-color: hsl(90 100% 50%);
border-color: oklch(0.89 0.265 136);
}Tailwind CSS v4
@theme {
--color-radium: #7fff00;
--color-radium-50: #d0ffbd;
--color-radium-100: #bcfda6;
--color-radium-200: #99ee7a;
--color-radium-300: #6ad53b;
--color-radium-400: #44bd00;
--color-radium-500: #00a600;
--color-radium-600: #008d00;
--color-radium-700: #007100;
--color-radium-800: #0c5300;
--color-radium-900: #083a00;
--color-radium-950: #002300;
}SCSS
$radium: #7fff00;
$radium-rgb: 127, 255, 0;
$radium-light: mix(#fff, $radium, 20%);
$radium-dark: mix(#000, $radium, 20%);
.element {
color: $radium;
box-shadow: 0 0 0 2px rgba($radium, 0.35);
}