Benannte Farbe · #77928A
Longmeadow
Longmeadow ist #77928A: rgb(119 146 138), hsl(162 11% 52%), oklch(0.637 0.033 175.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Longmeadow color name →
#77928A
oklch(0.637 0.033 175.3)
Farbumrechnungen
- HEX
- #77928a
- RGB
- rgb(119 146 138)
- HSL
- hsl(162 11% 52%)
- HWB
- hwb(162 47% 43%)
- OKLCH
- oklch(0.637 0.033 175.3)
- OKLab
- oklab(0.637 -0.033 0.003)
- CIE Lab
- lab(58.27 -11.19 0.92)
- LCH
- lch(58.27 11.23 175.3)
- CMYK
- cmyk(18% 0% 5% 43%)
Tints · Shades · Tones
Tints
- 849C95
- 91A7A0
- 9EB2AC
- ACBCB7
- B9C7C3
- C7D2CF
- D5DDDB
- E3E8E7
- F1F4F3
Shades
- 677E77
- 576B65
- 475853
- 384642
- 2A3532
- 1C2522
- 101614
- 050807
- 010101
Tones
- 789089
- 798E88
- 7A8D87
- 7B8B86
- 7C8985
- 7D8784
- 7E8583
- 7E8482
- 7F8281
Farbharmonien
Komplementär +180°
- 77928A
Longmeadow
- 9C838C
≈ Orchard Plum
Analog -30° +30°
- 77928A
Longmeadow
- 7F917F
≈ Green Bay
- 749195
≈ Miracle Bay
Triadisch +120° +240°
- 77928A
Longmeadow
- 8C889D
≈ Antiquate
- 9B8679
≈ Almond Frost
Geteilt komplementär +150° +210°
- 77928A
Longmeadow
- 968596
≈ Femme Fatale
- 9E8481
≈ Pigeon Pink
Tetradisch +90° +180° +270°
- 77928A
Longmeadow
- 828BA0
≈ Prophetic Sea
- 9C838C
≈ Orchard Plum
- 948A75
≈ Sage Advice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.35:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.26:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.26:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--longmeadow: #77928a;
--longmeadow-rgb: 119 146 138;
--longmeadow-oklch: oklch(0.637 0.033 175.3);
}
.element {
color: var(--longmeadow);
background-color: hsl(162 11% 52%);
border-color: oklch(0.637 0.033 175.3);
}Tailwind CSS v4
@theme {
--color-longmeadow: #77928a;
--color-longmeadow-50: #ecf8f5;
--color-longmeadow-100: #ddece8;
--color-longmeadow-200: #c6d9d4;
--color-longmeadow-300: #a7bdb7;
--color-longmeadow-400: #8ba59d;
--color-longmeadow-500: #708e85;
--color-longmeadow-600: #5f7871;
--color-longmeadow-700: #4c605a;
--color-longmeadow-800: #374641;
--color-longmeadow-900: #26312d;
--color-longmeadow-950: #141d1a;
}SCSS
$longmeadow: #77928a;
$longmeadow-rgb: 119, 146, 138;
$longmeadow-light: mix(#fff, $longmeadow, 20%);
$longmeadow-dark: mix(#000, $longmeadow, 20%);
.element {
color: $longmeadow;
box-shadow: 0 0 0 2px rgba($longmeadow, 0.35);
}