Adlandırılmış renk · #35FA00
Plutonium
Plutonium, #35FA00: rgb(53 250 0), hsl(107 100% 49%), oklch(0.858 0.285 141.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Plutonium color name →
#35FA00
oklch(0.858 0.285 141.4)
Renk dönüşümleri
- HEX
- #35fa00
- RGB
- rgb(53 250 0)
- HSL
- hsl(107 100% 49%)
- HWB
- hwb(107 0% 2%)
- OKLCH
- oklch(0.858 0.285 141.4)
- OKLab
- oklab(0.858 -0.222 0.178)
- CIE Lab
- lab(86.66 -74.75 80.29)
- LCH
- lch(86.66 109.7 133)
- CMYK
- cmyk(79% 0% 100% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 5BFC45
- 75FD63
- 8BFE7C
- 9FFF91
- B1FFA5
- C1FFB8
- D2FFCB
- E1FFDC
- F0FFEE
Koyu tonlar
- 2DD900
- 25BA00
- 1D9B00
- 157D00
- 0E6100
- 084600
- 032D00
- 011500
- 000300
Gri tonlar
- 4AEE32
- 58E246
- 63D554
- 6BC95E
- 71BD67
- 76B16E
- 7AA573
- 7D9978
- 7F8C7D
Renk uyumları
Tamamlayıcı +180°
- 35FA00
Plutonium
- F4B7FF
≈ Brilliant Lavender
Analog -30° +30°
- 35FA00
Plutonium
- D6DB00
≈ Poisonous Ice Cream
- 00F3C2
≈ Bright Teal
Üçlü +120° +240°
- 35FA00
Plutonium
- B7D1FF
≈ Ice Cold Stare
- FFBDBA
≈ Peach Scone
Bölünmüş tamamlayıcı +150° +210°
- 35FA00
Plutonium
- D0C8FF
≈ Innocent Snowdrop
- FFB8D7
≈ Candy Bar
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.41:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 14.82:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.82:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--plutonium: #35fa00;
--plutonium-rgb: 53 250 0;
--plutonium-oklch: oklch(0.858 0.285 141.4);
}
.element {
color: var(--plutonium);
background-color: hsl(107 100% 49%);
border-color: oklch(0.858 0.285 141.4);
}Tailwind CSS v4
@theme {
--color-plutonium: #35fa00;
--color-plutonium-50: #c4ffc0;
--color-plutonium-100: #adffa9;
--color-plutonium-200: #82f380;
--color-plutonium-300: #40da45;
--color-plutonium-400: #00c300;
--color-plutonium-500: #00ac00;
--color-plutonium-600: #009200;
--color-plutonium-700: #007500;
--color-plutonium-800: #005600;
--color-plutonium-900: #003c00;
--color-plutonium-950: #002500;
}SCSS
$plutonium: #35fa00;
$plutonium-rgb: 53, 250, 0;
$plutonium-light: mix(#fff, $plutonium, 20%);
$plutonium-dark: mix(#000, $plutonium, 20%);
.element {
color: $plutonium;
box-shadow: 0 0 0 2px rgba($plutonium, 0.35);
}