Adlandırılmış renk · #4AFF00
Chlorophyll Green
Chlorophyll Green, #4AFF00: rgb(74 255 0), hsl(103 100% 50%), oklch(0.874 0.284 140.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Chlorophyll Green color name →
#4AFF00
oklch(0.874 0.284 140.5)
Renk dönüşümleri
- HEX
- #4aff00
- RGB
- rgb(74 255 0)
- HSL
- hsl(103 100% 50%)
- HWB
- hwb(103 0% 0%)
- OKLCH
- oklch(0.874 0.284 140.5)
- OKLab
- oklab(0.874 -0.219 0.181)
- CIE Lab
- lab(88.55 -73.14 81.93)
- LCH
- lch(88.55 109.83 131.8)
- CMYK
- cmyk(71% 0% 100% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 68FF46
- 7FFF65
- 93FF7D
- A5FF93
- B5FFA6
- C5FFB9
- D4FFCB
- E3FFDD
- F1FFEE
Koyu tonlar
- 3FDE00
- 35BE00
- 2A9E00
- 208000
- 176300
- 0E4800
- 062E00
- 021600
- 000300
Gri tonlar
- 58F233
- 63E647
- 6BD955
- 71CC5F
- 76C068
- 7AB36E
- 7CA674
- 7E9A79
- 7F8D7D
Renk uyumları
Tamamlayıcı +180°
- 4AFF00
Chlorophyll Green
- F4C0FF
≈ Electric Lavender
Analog -30° +30°
- 4AFF00
Chlorophyll Green
- DDDF00
≈ Golden Gun
- 00F9C5
≈ Bright Teal
Üçlü +120° +240°
- 4AFF00
Chlorophyll Green
- BFD7FF
≈ Oh Boy!
- FFC5C3
≈ Cinderella Pink
Bölünmüş tamamlayıcı +150° +210°
- 4AFF00
Chlorophyll Green
- D5CFFF
≈ Pale Lavender
- FFC1DC
≈ Sweet Romance
Dörtlü +90° +180° +270°
- 4AFF00
Chlorophyll Green
- A1E0FF
≈ Columbia Blue
- F4C0FF
≈ Electric Lavender
- FFC8AA
≈ Bright Citrus
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.34:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.59:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--chlorophyll-green: #4aff00;
--chlorophyll-green-rgb: 74 255 0;
--chlorophyll-green-oklch: oklch(0.874 0.284 140.5);
}
.element {
color: var(--chlorophyll-green);
background-color: hsl(103 100% 50%);
border-color: oklch(0.874 0.284 140.5);
}Tailwind CSS v4
@theme {
--color-chlorophyll-green: #4aff00;
--color-chlorophyll-green-50: #c6ffbf;
--color-chlorophyll-green-100: #afffa8;
--color-chlorophyll-green-200: #85f27d;
--color-chlorophyll-green-300: #48d941;
--color-chlorophyll-green-400: #00c200;
--color-chlorophyll-green-500: #00ac00;
--color-chlorophyll-green-600: #009100;
--color-chlorophyll-green-700: #007400;
--color-chlorophyll-green-800: #005500;
--color-chlorophyll-green-900: #003c00;
--color-chlorophyll-green-950: #002500;
}SCSS
$chlorophyll-green: #4aff00;
$chlorophyll-green-rgb: 74, 255, 0;
$chlorophyll-green-light: mix(#fff, $chlorophyll-green, 20%);
$chlorophyll-green-dark: mix(#000, $chlorophyll-green, 20%);
.element {
color: $chlorophyll-green;
box-shadow: 0 0 0 2px rgba($chlorophyll-green, 0.35);
}