Adlandırılmış renk · #95C577
Lime Parfait
Lime Parfait, #95C577: rgb(149 197 119), hsl(97 40% 62%), oklch(0.771 0.117 134.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Lime Parfait color name →
#95C577
oklch(0.771 0.117 134.2)
Renk dönüşümleri
- HEX
- #95c577
- RGB
- rgb(149 197 119)
- HSL
- hsl(97 40% 62%)
- HWB
- hwb(97 47% 23%)
- OKLCH
- oklch(0.771 0.117 134.2)
- OKLab
- oklab(0.771 -0.082 0.084)
- CIE Lab
- lab(74.72 -26.88 33.8)
- LCH
- lch(74.72 43.19 128.5)
- CMYK
- cmyk(24% 0% 40% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9FCB85
- AAD193
- B4D7A0
- BFDDAE
- CAE2BB
- D4E8C9
- DFEED6
- E9F4E4
- F4F9F1
Koyu tonlar
- 81AB67
- 6D9257
- 5A7947
- 486138
- 374B2A
- 26351C
- 162110
- 080E05
- 010201
Gri tonlar
- 93BE79
- 91B77A
- 8FB07C
- 8DA97D
- 8BA27E
- 899B7E
- 87957F
- 858E7F
- 828780
Renk uyumları
Tamamlayıcı +180°
- 95C577
Lime Parfait
- D09EE9
≈ Bright Ube
Analog -30° +30°
- 95C577
Lime Parfait
- C1B85A
≈ Parachute
- 63CCA1
≈ Diroset
Üçlü +120° +240°
- 95C577
Lime Parfait
- 7FB8FE
≈ Parakeet Blue
- F5949D
≈ Primrose Garden
Bölünmüş tamamlayıcı +150° +210°
- 95C577
Lime Parfait
- ACAAFD
≈ Shy Moment
- E996C7
≈ Blossoms in Spring
Dörtlü +90° +180° +270°
- 95C577
Lime Parfait
- 50C4EC
≈ Clean Pool
- D09EE9
≈ Bright Ube
- F39B75
≈ Orange Pecan
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.53:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--lime-parfait: #95c577;
--lime-parfait-rgb: 149 197 119;
--lime-parfait-oklch: oklch(0.771 0.117 134.2);
}
.element {
color: var(--lime-parfait);
background-color: hsl(97 40% 62%);
border-color: oklch(0.771 0.117 134.2);
}Tailwind CSS v4
@theme {
--color-lime-parfait: #95c577;
--color-lime-parfait-50: #e6fedc;
--color-lime-parfait-100: #d7f2cb;
--color-lime-parfait-200: #bee0af;
--color-lime-parfait-300: #9cc689;
--color-lime-parfait-400: #81ae65;
--color-lime-parfait-500: #649741;
--color-lime-parfait-600: #557f38;
--color-lime-parfait-700: #44662d;
--color-lime-parfait-800: #334b1d;
--color-lime-parfait-900: #223413;
--color-lime-parfait-950: #111f05;
}SCSS
$lime-parfait: #95c577;
$lime-parfait-rgb: 149, 197, 119;
$lime-parfait-light: mix(#fff, $lime-parfait, 20%);
$lime-parfait-dark: mix(#000, $lime-parfait, 20%);
.element {
color: $lime-parfait;
box-shadow: 0 0 0 2px rgba($lime-parfait, 0.35);
}