Benannte Farbe · #7F976C
Mesa Verde
Mesa Verde ist #7F976C: rgb(127 151 108), hsl(93 17% 51%), oklch(0.646 0.068 131.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mesa Verde color name →
#7F976C
oklch(0.646 0.068 131.8)
Farbumrechnungen
- HEX
- #7f976c
- RGB
- rgb(127 151 108)
- HSL
- hsl(93 17% 51%)
- HWB
- hwb(93 42% 41%)
- OKLCH
- oklch(0.646 0.068 131.8)
- OKLab
- oklab(0.646 -0.045 0.05)
- CIE Lab
- lab(59.72 -14.88 19.81)
- LCH
- lch(59.72 24.78 126.9)
- CMYK
- cmyk(16% 0% 28% 41%)
Tints · Shades · Tones
Tints
- 8BA17A
- 97AB88
- A4B597
- B0C0A5
- BDCAB4
- CAD5C2
- D7DFD1
- E4EAE0
- F2F4F0
Shades
- 6E835D
- 5D6F4E
- 4C5C40
- 3C4932
- 2D3725
- 1F2619
- 11170D
- 060804
- 010100
Tones
- 7F956E
- 7F9270
- 7F9073
- 808E75
- 808C77
- 808979
- 80877B
- 80857C
- 80827E
Farbharmonien
Komplementär +180°
- 7F976C
Mesa Verde
- 9C82AC
≈ Rhapsody
Analog -30° +30°
- 7F976C
Mesa Verde
- 96905F
≈ Nile Reed
- 689B81
≈ Scotch Lassie
Triadisch +120° +240°
- 7F976C
Mesa Verde
- 7091B6
≈ Allure
- B37D83
≈ Fiesta Rojo
Geteilt komplementär +150° +210°
- 7F976C
Mesa Verde
- 8789B7
≈ Soft Blue Lavender
- AB7E9A
≈ Amazonian Orchid
Tetradisch +90° +180° +270°
- 7F976C
Mesa Verde
- 5E98AC
≈ Delphinium Blue
- 9C82AC
≈ Rhapsody
- B2816E
≈ Brick Fence
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.20:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.54:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.54:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--mesa-verde: #7f976c;
--mesa-verde-rgb: 127 151 108;
--mesa-verde-oklch: oklch(0.646 0.068 131.8);
}
.element {
color: var(--mesa-verde);
background-color: hsl(93 17% 51%);
border-color: oklch(0.646 0.068 131.8);
}Tailwind CSS v4
@theme {
--color-mesa-verde: #7f976c;
--color-mesa-verde-50: #edfae6;
--color-mesa-verde-100: #dfedd7;
--color-mesa-verde-200: #c9dbbe;
--color-mesa-verde-300: #aabf9d;
--color-mesa-verde-400: #90a77e;
--color-mesa-verde-500: #769061;
--color-mesa-verde-600: #647a52;
--color-mesa-verde-700: #506141;
--color-mesa-verde-800: #3b472e;
--color-mesa-verde-900: #28311f;
--color-mesa-verde-950: #161d0f;
}SCSS
$mesa-verde: #7f976c;
$mesa-verde-rgb: 127, 151, 108;
$mesa-verde-light: mix(#fff, $mesa-verde, 20%);
$mesa-verde-dark: mix(#000, $mesa-verde, 20%);
.element {
color: $mesa-verde;
box-shadow: 0 0 0 2px rgba($mesa-verde, 0.35);
}