Adlandırılmış renk · #25C40D
Apple II Lime
Apple II Lime, #25C40D: rgb(37 196 13), hsl(112 88% 41%), oklch(0.714 0.235 141.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? → · Apple II Lime color name →
#25C40D
oklch(0.714 0.235 141.8)
Renk dönüşümleri
- HEX
- #25c40d
- RGB
- rgb(37 196 13)
- HSL
- hsl(112 88% 41%)
- HWB
- hwb(112 5% 23%)
- OKLCH
- oklch(0.714 0.235 141.8)
- OKLab
- oklab(0.714 -0.185 0.146)
- CIE Lab
- lab(69.48 -62.33 65.44)
- LCH
- lch(69.48 90.38 133.6)
- CMYK
- cmyk(81% 0% 93% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4BCB3D
- 65D159
- 7BD871
- 90DE87
- A4E49C
- B7EAB0
- C9EFC4
- DBF5D8
- EDFAEB
Koyu tonlar
- 1FAA0A
- 199107
- 137805
- 0D6103
- 084A02
- 043501
- 022100
- 000E00
- 000200
Gri tonlar
- 3BBE2D
- 4AB73E
- 55B14B
- 5EAA55
- 66A35E
- 6C9C66
- 72966E
- 778F74
- 7C877A
Renk uyumları
Tamamlayıcı +180°
- 25C40D
Apple II Lime
- E363F8
≈ Hitsujiyama Pink
Analog -30° +30°
- 25C40D
Apple II Lime
- A6AB00
≈ Honey and Thyme
- 00BE98
≈ Mountain Meadow
Üçlü +120° +240°
- 25C40D
Apple II Lime
- 6EA1FF
≈ Âbi Blue
- FF6C6F
≈ Pompelmo
Bölünmüş tamamlayıcı +150° +210°
- 25C40D
Apple II Lime
- A68DFF
≈ Cobalite
- FF5DB1
≈ Pink Katydid
Dörtlü +90° +180° +270°
- 25C40D
Apple II Lime
- 00B1ED
≈ Lynx Screen Blue
- E363F8
≈ Hitsujiyama Pink
- F97A00
≈ Pumpkin Orange
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.33:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 8.98:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 8.98:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--apple-ii-lime: #25c40d;
--apple-ii-lime-rgb: 37 196 13;
--apple-ii-lime-oklch: oklch(0.714 0.235 141.8);
}
.element {
color: var(--apple-ii-lime);
background-color: hsl(112 88% 41%);
border-color: oklch(0.714 0.235 141.8);
}Tailwind CSS v4
@theme {
--color-apple-ii-lime: #25c40d;
--color-apple-ii-lime-50: #cdffca;
--color-apple-ii-lime-100: #b8fdb5;
--color-apple-ii-lime-200: #93ee91;
--color-apple-ii-lime-300: #60d562;
--color-apple-ii-lime-400: #2dbe1c;
--color-apple-ii-lime-500: #00a800;
--color-apple-ii-lime-600: #008e00;
--color-apple-ii-lime-700: #007200;
--color-apple-ii-lime-800: #005300;
--color-apple-ii-lime-900: #003a00;
--color-apple-ii-lime-950: #002400;
}SCSS
$apple-ii-lime: #25c40d;
$apple-ii-lime-rgb: 37, 196, 13;
$apple-ii-lime-light: mix(#fff, $apple-ii-lime, 20%);
$apple-ii-lime-dark: mix(#000, $apple-ii-lime, 20%);
.element {
color: $apple-ii-lime;
box-shadow: 0 0 0 2px rgba($apple-ii-lime, 0.35);
}