Adlandırılmış renk · #8AC1A1
Lark Green
Lark Green, #8AC1A1: rgb(138 193 161), hsl(145 31% 65%), oklch(0.764 0.074 158.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Lark Green color name →
#8AC1A1
oklch(0.764 0.074 158.6)
Renk dönüşümleri
- HEX
- #8ac1a1
- RGB
- rgb(138 193 161)
- HSL
- hsl(145 31% 65%)
- HWB
- hwb(145 54% 24%)
- OKLCH
- oklch(0.764 0.074 158.6)
- OKLab
- oklab(0.764 -0.068 0.027)
- CIE Lab
- lab(73.57 -23.68 10.15)
- LCH
- lch(73.57 25.77 156.8)
- CMYK
- cmyk(28% 0% 17% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96C7AA
- A2CDB3
- ADD4BD
- B9DAC6
- C5E0CF
- D0E6D9
- DCECE2
- E8F3EC
- F3F9F5
Koyu tonlar
- 77A78B
- 658F76
- 537762
- 425F4E
- 32493C
- 22342A
- 142019
- 070E09
- 010201
Gri tonlar
- 8ABA9E
- 89B49A
- 88AD97
- 87A794
- 86A090
- 859A8D
- 84938A
- 838D87
- 818683
Renk uyumları
Tamamlayıcı +180°
- 8AC1A1
Lark Green
- D2A1C2
≈ Geranium Bud
Analog -30° +30°
- 8AC1A1
Lark Green
- A4BC8A
≈ Glendale
- 79C2BB
≈ Gentle Wave
Üçlü +120° +240°
- 8AC1A1
Lark Green
- A7AEE1
≈ Maximum Blue Purple
- DCA390
≈ Shy Champagne Blush
Bölünmüş tamamlayıcı +150° +210°
- 8AC1A1
Lark Green
- C0A6D7
≈ Perfume
- DC9FA9
≈ Nana’s Rose
Dörtlü +90° +180° +270°
- 8AC1A1
Lark Green
- 8EB7E0
≈ Adrift on the Nile
- D2A1C2
≈ Geranium Bud
- D2AA7F
≈ Band-Aid
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.05:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.22:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.22:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--lark-green: #8ac1a1;
--lark-green-rgb: 138 193 161;
--lark-green-oklch: oklch(0.764 0.074 158.6);
}
.element {
color: var(--lark-green);
background-color: hsl(145 31% 65%);
border-color: oklch(0.764 0.074 158.6);
}Tailwind CSS v4
@theme {
--color-lark-green: #8ac1a1;
--color-lark-green-50: #e4fcee;
--color-lark-green-100: #d4f0e0;
--color-lark-green-200: #badfca;
--color-lark-green-300: #97c4ab;
--color-lark-green-400: #79ac8e;
--color-lark-green-500: #599574;
--color-lark-green-600: #4c7e62;
--color-lark-green-700: #3d654e;
--color-lark-green-800: #2c4a38;
--color-lark-green-900: #1e3326;
--color-lark-green-950: #0d1f15;
}SCSS
$lark-green: #8ac1a1;
$lark-green-rgb: 138, 193, 161;
$lark-green-light: mix(#fff, $lark-green, 20%);
$lark-green-dark: mix(#000, $lark-green, 20%);
.element {
color: $lark-green;
box-shadow: 0 0 0 2px rgba($lark-green, 0.35);
}