Adlandırılmış renk · #66CC00
Blinking Terminal
Blinking Terminal, #66CC00: rgb(102 204 0), hsl(90 100% 40%), oklch(0.753 0.223 135.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? → · Blinking Terminal color name →
#66CC00
oklch(0.753 0.223 135.8)
Renk dönüşümleri
- HEX
- #66cc00
- RGB
- rgb(102 204 0)
- HSL
- hsl(90 100% 40%)
- HWB
- hwb(90 0% 20%)
- OKLCH
- oklch(0.753 0.223 135.8)
- OKLab
- oklab(0.753 -0.16 0.156)
- CIE Lab
- lab(73.7 -51.47 70.96)
- LCH
- lch(73.7 87.66 126)
- CMYK
- cmyk(50% 0% 100% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 77D23D
- 88D75A
- 97DD72
- A6E288
- B6E89D
- C4EDB1
- D3F1C5
- E2F6D9
- F0FBEC
Koyu tonlar
- 58B100
- 4A9700
- 3C7E00
- 2F6500
- 234E00
- 173700
- 0C2200
- 040F00
- 000200
Gri tonlar
- 6BC52C
- 6FBD3E
- 72B64C
- 75AE57
- 78A760
- 7A9F68
- 7C986F
- 7E9075
- 7F887B
Renk uyumları
Tamamlayıcı +180°
- 66CC00
Blinking Terminal
- DC84FF
≈ Lavender Tea
Analog -30° +30°
- 66CC00
Blinking Terminal
- BDB400
≈ Olive Yellow
- 00CD97
≈ Caribbean Green
Üçlü +120° +240°
- 66CC00
Blinking Terminal
- 77B1FF
≈ French Sky Blue
- FF848F
≈ Camaron Pink
Bölünmüş tamamlayıcı +150° +210°
- 66CC00
Blinking Terminal
- A8A2FF
≈ Shy Moment
- FF77C8
≈ Nervous Neon Pink
Dörtlü +90° +180° +270°
- 66CC00
Blinking Terminal
- 00C0F4
≈ Spiro Disco Ball
- DC84FF
≈ Lavender Tea
- FF8B51
≈ Paradise Bird
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.20:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.20:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--blinking-terminal: #66cc00;
--blinking-terminal-rgb: 102 204 0;
--blinking-terminal-oklch: oklch(0.753 0.223 135.8);
}
.element {
color: var(--blinking-terminal);
background-color: hsl(90 100% 40%);
border-color: oklch(0.753 0.223 135.8);
}Tailwind CSS v4
@theme {
--color-blinking-terminal: #66cc00;
--color-blinking-terminal-50: #d7ffc6;
--color-blinking-terminal-100: #c4fab1;
--color-blinking-terminal-200: #a4eb8b;
--color-blinking-terminal-300: #7ad158;
--color-blinking-terminal-400: #5ab900;
--color-blinking-terminal-500: #2ba300;
--color-blinking-terminal-600: #278a00;
--color-blinking-terminal-700: #1f6e00;
--color-blinking-terminal-800: #1c5100;
--color-blinking-terminal-900: #123800;
--color-blinking-terminal-950: #042200;
}SCSS
$blinking-terminal: #66cc00;
$blinking-terminal-rgb: 102, 204, 0;
$blinking-terminal-light: mix(#fff, $blinking-terminal, 20%);
$blinking-terminal-dark: mix(#000, $blinking-terminal, 20%);
.element {
color: $blinking-terminal;
box-shadow: 0 0 0 2px rgba($blinking-terminal, 0.35);
}