Nächste benannte Farbe · #8BA17B
#8BA17B
Nächste benannte Farbe: Mistletoe
#8BA17B (rgb(139 161 123), hsl(95 17% 56%), oklch(0.682 0.06 132.3)) liegt am nächsten an der benannten Farbe Mistletoe. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#8BA17B
oklch(0.682 0.06 132.3)
Farbumrechnungen
- HEX
- #8ba17b
- RGB
- rgb(139 161 123)
- HSL
- hsl(95 17% 56%)
- HWB
- hwb(95 48% 37%)
- OKLCH
- oklch(0.682 0.06 132.3)
- OKLab
- oklab(0.682 -0.04 0.044)
- CIE Lab
- lab(63.75 -13.37 17.18)
- LCH
- lch(63.75 21.77 127.9)
- CMYK
- cmyk(14% 0% 24% 37%)
Tints · Shades · Tones
Tints
- 96AA88
- A1B394
- ADBDA1
- B8C6AE
- C4CFBB
- CFD9C9
- DBE2D6
- E7ECE4
- F3F5F1
Shades
- 788B6A
- 66765A
- 54624A
- 434E3A
- 323C2C
- 232A1E
- 141910
- 070905
- 010101
Tones
- 8A9E7C
- 899A7C
- 88977D
- 87947D
- 86917E
- 858D7E
- 838A7F
- 82877F
- 818380
Farbharmonien
Komplementär +180°
- 8BA17B
Mistletoe
- A58FB4
≈ Revered
Analog -30° +30°
- 8BA17B
Mistletoe
- A09B70
≈ Stilted Stalks
- 77A58E
≈ Free Green
Triadisch +120° +240°
- 8BA17B
Mistletoe
- 7F9CBD
≈ Washed Denim
- BA8A8F
≈ Shabby Chic
Geteilt komplementär +150° +210°
- 8BA17B
Mistletoe
- 9395BD
≈ Lavender Bonnet
- B38BA3
≈ Lover’s Tryst
Tetradisch +90° +180° +270°
- 8BA17B
Mistletoe
- 6FA1B3
≈ Saga Blue
- A58FB4
≈ Revered
- B98D7C
≈ Tuscany
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.80:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.48:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--mistletoe: #8ba17b;
--mistletoe-rgb: 139 161 123;
--mistletoe-oklch: oklch(0.682 0.06 132.3);
}
.element {
color: var(--mistletoe);
background-color: hsl(95 17% 56%);
border-color: oklch(0.682 0.06 132.3);
}Tailwind CSS v4
@theme {
--color-mistletoe: #8ba17b;
--color-mistletoe-50: #eef9e8;
--color-mistletoe-100: #e0edd9;
--color-mistletoe-200: #cadac1;
--color-mistletoe-300: #abbfa0;
--color-mistletoe-400: #91a682;
--color-mistletoe-500: #778f66;
--color-mistletoe-600: #657956;
--color-mistletoe-700: #516145;
--color-mistletoe-800: #3b4731;
--color-mistletoe-900: #293121;
--color-mistletoe-950: #171d10;
}SCSS
$mistletoe: #8ba17b;
$mistletoe-rgb: 139, 161, 123;
$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);
}