Benannte Farbe · #8AA282
Mistletoe
Mistletoe ist #8AA282: rgb(138 162 130), hsl(105 15% 57%), oklch(0.685 0.053 137.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mistletoe color name →
#8AA282
oklch(0.685 0.053 137.9)
Farbumrechnungen
- HEX
- #8aa282
- RGB
- rgb(138 162 130)
- HSL
- hsl(105 15% 57%)
- HWB
- hwb(105 51% 36%)
- OKLCH
- oklch(0.685 0.053 137.9)
- OKLab
- oklab(0.685 -0.04 0.036)
- CIE Lab
- lab(64.09 -13.35 13.79)
- LCH
- lch(64.09 19.2 134.1)
- CMYK
- cmyk(15% 0% 20% 36%)
Tints · Shades · Tones
Tints
- 95AB8E
- A1B49A
- ACBDA6
- B7C6B3
- C3D0BF
- CFD9CC
- DBE2D8
- E7ECE5
- F3F5F2
Shades
- 778C70
- 65775F
- 53634E
- 424F3E
- 323C2F
- 222A20
- 141912
- 070A06
- 010101
Tones
- 899F82
- 889B82
- 879882
- 869482
- 859181
- 848E81
- 838A81
- 828781
- 818380
Farbharmonien
Komplementär +180°
- 8AA282
Mistletoe
- A890B0
≈ Revered
Analog -30° +30°
- 8AA282
Mistletoe
- 9D9D76
≈ Curly Grass
- 7AA593
≈ Verdigreen
Triadisch +120° +240°
- 8AA282
Mistletoe
- 869BBB
≈ Sailing
- B98D8D
≈ Rose Brown
Geteilt komplementär +150° +210°
- 8AA282
Mistletoe
- 9795BA
≈ Indifferent
- B48DA0
≈ Lover’s Tryst
Tetradisch +90° +180° +270°
- 8AA282
Mistletoe
- 77A1B4
≈ Grey Blue
- A890B0
≈ Revered
- B6907E
≈ Changing Seasons
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.77:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.57:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.57:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--mistletoe: #8aa282;
--mistletoe-rgb: 138 162 130;
--mistletoe-oklch: oklch(0.685 0.053 137.9);
}
.element {
color: var(--mistletoe);
background-color: hsl(105 15% 57%);
border-color: oklch(0.685 0.053 137.9);
}Tailwind CSS v4
@theme {
--color-mistletoe: #8aa282;
--color-mistletoe-50: #edf9eb;
--color-mistletoe-100: #dfeddc;
--color-mistletoe-200: #c9dac5;
--color-mistletoe-300: #aabfa5;
--color-mistletoe-400: #8fa688;
--color-mistletoe-500: #758f6c;
--color-mistletoe-600: #63795c;
--color-mistletoe-700: #4f6149;
--color-mistletoe-800: #3a4734;
--color-mistletoe-900: #283124;
--color-mistletoe-950: #161d13;
}SCSS
$mistletoe: #8aa282;
$mistletoe-rgb: 138, 162, 130;
$mistletoe-light: mix(#fff, $mistletoe, 20%);
$mistletoe-dark: mix(#000, $mistletoe, 20%);
.element {
color: $mistletoe;
box-shadow: 0 0 0 2px rgba($mistletoe, 0.35);
}