Adlandırılmış renk · #4CFF7B
Experimintal Green
Experimintal Green, #4CFF7B: rgb(76 255 123), hsl(136 100% 65%), oklch(0.883 0.227 148). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Experimintal Green color name →
#4CFF7B
oklch(0.883 0.227 148)
Renk dönüşümleri
- HEX
- #4cff7b
- RGB
- rgb(76 255 123)
- HSL
- hsl(136 100% 65%)
- HWB
- hwb(136 30% 0%)
- OKLCH
- oklch(0.883 0.227 148)
- OKLab
- oklab(0.883 -0.192 0.12)
- CIE Lab
- lab(89.16 -66.88 48.88)
- LCH
- lch(89.16 82.83 143.8)
- CMYK
- cmyk(70% 0% 52% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6AFF8A
- 81FF99
- 95FFA6
- A6FFB4
- B7FFC1
- C7FFCE
- D5FFDA
- E4FFE7
- F2FFF3
Koyu tonlar
- 41DE6A
- 36BE5A
- 2C9E4A
- 22803A
- 18632C
- 0F481E
- 062E10
- 021605
- 000301
Gri tonlar
- 5AF27D
- 65E57F
- 6CD881
- 73CC81
- 77BF82
- 7BB282
- 7DA682
- 7F9982
- 808D81
Renk uyumları
Tamamlayıcı +180°
- 4CFF7B
Experimintal Green
- FFC0FC
≈ Distilled Rose
Analog -30° +30°
- 4CFF7B
Experimintal Green
- CDE900
≈ Poisonous Pesto
- 00FAD8
≈ Ice Ice Baby
Üçlü +120° +240°
- 4CFF7B
Experimintal Green
- C8D8FF
≈ Pale Phthalo Blue
- FFCAC2
≈ Caro
Bölünmüş tamamlayıcı +150° +210°
- 4CFF7B
Experimintal Green
- DDD0FF
≈ Pale Lavender
- FFC6D8
≈ Sweet Serenade
Dörtlü +90° +180° +270°
- 4CFF7B
Experimintal Green
- B1DFFF
≈ Droplet
- FFC0FC
≈ Distilled Rose
- FFCDA8
≈ Orenju Ogon Koi
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 15.89:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.89:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--experimintal-green: #4cff7b;
--experimintal-green-rgb: 76 255 123;
--experimintal-green-oklch: oklch(0.883 0.227 148);
}
.element {
color: var(--experimintal-green);
background-color: hsl(136 100% 65%);
border-color: oklch(0.883 0.227 148);
}Tailwind CSS v4
@theme {
--color-experimintal-green: #4cff7b;
--color-experimintal-green-50: #c7ffd3;
--color-experimintal-green-100: #b0fec0;
--color-experimintal-green-200: #87efa0;
--color-experimintal-green-300: #4bd776;
--color-experimintal-green-400: #00c045;
--color-experimintal-green-500: #00aa00;
--color-experimintal-green-600: #009001;
--color-experimintal-green-700: #007304;
--color-experimintal-green-800: #005500;
--color-experimintal-green-900: #003b00;
--color-experimintal-green-950: #002500;
}SCSS
$experimintal-green: #4cff7b;
$experimintal-green-rgb: 76, 255, 123;
$experimintal-green-light: mix(#fff, $experimintal-green, 20%);
$experimintal-green-dark: mix(#000, $experimintal-green, 20%);
.element {
color: $experimintal-green;
box-shadow: 0 0 0 2px rgba($experimintal-green, 0.35);
}