Benannte Farbe · #8BA673
Salad
Salad ist #8BA673: rgb(139 166 115), hsl(92 22% 55%), oklch(0.691 0.078 130.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Salad color name →
#8BA673
oklch(0.691 0.078 130.9)
Farbumrechnungen
- HEX
- #8ba673
- RGB
- rgb(139 166 115)
- HSL
- hsl(92 22% 55%)
- HWB
- hwb(92 45% 35%)
- OKLCH
- oklch(0.691 0.078 130.9)
- OKLab
- oklab(0.691 -0.051 0.059)
- CIE Lab
- lab(65.06 -16.73 23.26)
- LCH
- lch(65.06 28.66 125.7)
- CMYK
- cmyk(16% 0% 31% 35%)
Tints · Shades · Tones
Tints
- 96AF81
- A1B78E
- ADC09C
- B8C9AA
- C4D2B8
- CFDBC6
- DBE4D4
- E7EDE2
- F3F6F1
Shades
- 789063
- 667A54
- 546545
- 435136
- 323E28
- 232B1B
- 141A0F
- 070A05
- 010101
Tones
- 8AA275
- 899E76
- 889B78
- 879779
- 86937A
- 858F7C
- 838B7D
- 82887E
- 81847F
Farbharmonien
Komplementär +180°
- 8BA673
Salad
- AB8EC0
≈ East Side
Analog -30° +30°
- 8BA673
Salad
- A69D64
≈ Acacia Tree
- 6FAB8C
≈ Melon Green
Triadisch +120° +240°
- 8BA673
Salad
- 77A0CB
≈ Blue Lechery
- C78890
≈ Solid Pink
Geteilt komplementär +150° +210°
- 8BA673
Salad
- 9397CB
≈ Easter Egg
- BD89AA
≈ Rosy
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.69:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.79:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.79:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--salad: #8ba673;
--salad-rgb: 139 166 115;
--salad-oklch: oklch(0.691 0.078 130.9);
}
.element {
color: var(--salad);
background-color: hsl(92 22% 55%);
border-color: oklch(0.691 0.078 130.9);
}Tailwind CSS v4
@theme {
--color-salad: #8ba673;
--color-salad-50: #edfae4;
--color-salad-100: #deeed4;
--color-salad-200: #c8dcba;
--color-salad-300: #a8c098;
--color-salad-400: #8ea878;
--color-salad-500: #749159;
--color-salad-600: #627b4c;
--color-salad-700: #4f623d;
--color-salad-800: #3a482a;
--color-salad-900: #28321c;
--color-salad-950: #161e0d;
}SCSS
$salad: #8ba673;
$salad-rgb: 139, 166, 115;
$salad-light: mix(#fff, $salad, 20%);
$salad-dark: mix(#000, $salad, 20%);
.element {
color: $salad;
box-shadow: 0 0 0 2px rgba($salad, 0.35);
}