Adlandırılmış renk · #81B489
Meadow
Meadow, #81B489: rgb(129 180 137), hsl(129 25% 61%), oklch(0.722 0.082 148.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? → · Meadow color name →
#81B489
oklch(0.722 0.082 148.8)
Renk dönüşümleri
- HEX
- #81b489
- RGB
- rgb(129 180 137)
- HSL
- hsl(129 25% 61%)
- HWB
- hwb(129 51% 29%)
- OKLCH
- oklch(0.722 0.082 148.8)
- OKLab
- oklab(0.722 -0.07 0.043)
- CIE Lab
- lab(68.84 -24.16 16.39)
- LCH
- lch(68.84 29.19 145.8)
- CMYK
- cmyk(28% 0% 24% 29%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 8EBB94
- 9AC3A0
- A7CAAB
- B3D2B7
- C0D9C3
- CCE1CF
- D9E8DB
- E6F0E7
- F2F7F3
Koyu tonlar
- 6F9C76
- 5E8564
- 4E6E53
- 3E5842
- 2E4431
- 1F3022
- 121D14
- 060C07
- 010201
Gri tonlar
- 81AF88
- 82AA87
- 82A487
- 829F86
- 829A85
- 829584
- 819083
- 818A82
- 818581
Renk uyumları
Tamamlayıcı +180°
- 81B489
Meadow
- C293BF
≈ La la Love
Analog -30° +30°
- 81B489
Meadow
- A0AD71
≈ Umbrella Green
- 68B6A6
≈ Tropic Turquoise
Üçlü +120° +240°
- 81B489
Meadow
- 90A4DA
≈ Dalmatian Sage
- D49288
≈ Peach Preserve
Bölünmüş tamamlayıcı +150° +210°
- 81B489
Meadow
- AC9AD2
≈ Biloba Flower
- D090A4
≈ Sugar Tooth
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.38:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.82:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--meadow: #81b489;
--meadow-rgb: 129 180 137;
--meadow-oklch: oklch(0.722 0.082 148.8);
}
.element {
color: var(--meadow);
background-color: hsl(129 25% 61%);
border-color: oklch(0.722 0.082 148.8);
}Tailwind CSS v4
@theme {
--color-meadow: #81b489;
--color-meadow-50: #e5fce9;
--color-meadow-100: #d5f0da;
--color-meadow-200: #bcdfc3;
--color-meadow-300: #99c4a2;
--color-meadow-400: #7cac84;
--color-meadow-500: #5e9568;
--color-meadow-600: #507e58;
--color-meadow-700: #406546;
--color-meadow-800: #2f4a31;
--color-meadow-900: #203322;
--color-meadow-950: #0f1f11;
}SCSS
$meadow: #81b489;
$meadow-rgb: 129, 180, 137;
$meadow-light: mix(#fff, $meadow, 20%);
$meadow-dark: mix(#000, $meadow, 20%);
.element {
color: $meadow;
box-shadow: 0 0 0 2px rgba($meadow, 0.35);
}