Nazwany kolor · #81B489
Meadow
Meadow to #81B489: rgb(129 180 137), hsl(129 25% 61%), oklch(0.722 0.082 148.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Meadow color name →
#81B489
oklch(0.722 0.082 148.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8EBB94
- 9AC3A0
- A7CAAB
- B3D2B7
- C0D9C3
- CCE1CF
- D9E8DB
- E6F0E7
- F2F7F3
Odcienie ciemniejsze
- 6F9C76
- 5E8564
- 4E6E53
- 3E5842
- 2E4431
- 1F3022
- 121D14
- 060C07
- 010201
Tony
- 81AF88
- 82AA87
- 82A487
- 829F86
- 829A85
- 829584
- 819083
- 818A82
- 818581
Harmonie kolorów
Komplementarna +180°
- 81B489
Meadow
- C293BF
≈ La la Love
Analogowa -30° +30°
- 81B489
Meadow
- A0AD71
≈ Umbrella Green
- 68B6A6
≈ Tropic Turquoise
Triada +120° +240°
- 81B489
Meadow
- 90A4DA
≈ Dalmatian Sage
- D49288
≈ Peach Preserve
Komplementarna rozszczepiona +150° +210°
- 81B489
Meadow
- AC9AD2
≈ Biloba Flower
- D090A4
≈ Sugar Tooth
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.38:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.82:1 · APCA Lc 55
Najlepszy kolor tekstu: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Fragmenty kodu
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);
}