Benannte Farbe · #98B489
Mistletoe Kiss
Mistletoe Kiss ist #98B489: rgb(152 180 137), hsl(99 22% 62%), oklch(0.737 0.068 134.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mistletoe Kiss color name →
#98B489
oklch(0.737 0.068 134.8)
Farbumrechnungen
- HEX
- #98b489
- RGB
- rgb(152 180 137)
- HSL
- hsl(99 22% 62%)
- HWB
- hwb(99 54% 29%)
- OKLCH
- oklch(0.737 0.068 134.8)
- OKLab
- oklab(0.737 -0.048 0.048)
- CIE Lab
- lab(70.33 -15.97 18.71)
- LCH
- lch(70.33 24.6 130.5)
- CMYK
- cmyk(16% 0% 24% 29%)
Tints · Shades · Tones
Tints
- A2BB94
- ACC3A0
- B6CAAC
- C0D2B7
- CBD9C3
- D5E1CF
- DFE8DB
- EAF0E7
- F4F7F3
Shades
- 849C76
- 708564
- 5C6E53
- 4A5842
- 384431
- 273022
- 171D14
- 080C07
- 010201
Tones
- 96AF88
- 93A988
- 91A487
- 8F9F86
- 8C9A85
- 8A9584
- 878F83
- 858A82
- 828581
Farbharmonien
Komplementär +180°
- 98B489
Mistletoe Kiss
- BA9EC8
≈ Purple Prophet
Analog -30° +30°
- 98B489
Mistletoe Kiss
- B0AD7B
≈ Stuffed Olive
- 81B89F
≈ Froggy Pond
Triadisch +120° +240°
- 98B489
Mistletoe Kiss
- 8DADD5
≈ Boy Blue
- D1999C
≈ Tobermory
Geteilt komplementär +150° +210°
- 98B489
Mistletoe Kiss
- A5A5D4
≈ Sorbet Ice Mauve
- CA99B4
≈ Morning Glory Pink
Tetradisch +90° +180° +270°
- 98B489
Mistletoe Kiss
- 7BB4CA
≈ Tidal Basin
- BA9EC8
≈ Purple Prophet
- CF9D87
≈ Dusty Coral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.27:1 · APCA Lc 45
Ag
AAAAuf Schwarz
WCAG 9.22:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--mistletoe-kiss: #98b489;
--mistletoe-kiss-rgb: 152 180 137;
--mistletoe-kiss-oklch: oklch(0.737 0.068 134.8);
}
.element {
color: var(--mistletoe-kiss);
background-color: hsl(99 22% 62%);
border-color: oklch(0.737 0.068 134.8);
}Tailwind CSS v4
@theme {
--color-mistletoe-kiss: #98b489;
--color-mistletoe-kiss-50: #ecfae7;
--color-mistletoe-kiss-100: #deeed8;
--color-mistletoe-kiss-200: #c7dbbf;
--color-mistletoe-kiss-300: #a8c09e;
--color-mistletoe-kiss-400: #8ea87f;
--color-mistletoe-kiss-500: #739063;
--color-mistletoe-kiss-600: #617a54;
--color-mistletoe-kiss-700: #4e6243;
--color-mistletoe-kiss-800: #39482f;
--color-mistletoe-kiss-900: #273220;
--color-mistletoe-kiss-950: #151d0f;
}SCSS
$mistletoe-kiss: #98b489;
$mistletoe-kiss-rgb: 152, 180, 137;
$mistletoe-kiss-light: mix(#fff, $mistletoe-kiss, 20%);
$mistletoe-kiss-dark: mix(#000, $mistletoe-kiss, 20%);
.element {
color: $mistletoe-kiss;
box-shadow: 0 0 0 2px rgba($mistletoe-kiss, 0.35);
}