Benannte Farbe · #7B8867
Swedish Clover
Swedish Clover ist #7B8867: rgb(123 136 103), hsl(84 14% 47%), oklch(0.607 0.05 125.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Swedish Clover color name →
#7B8867
oklch(0.607 0.05 125.3)
Farbumrechnungen
- HEX
- #7b8867
- RGB
- rgb(123 136 103)
- HSL
- hsl(84 14% 47%)
- HWB
- hwb(84 40% 47%)
- OKLCH
- oklch(0.607 0.05 125.3)
- OKLab
- oklab(0.607 -0.029 0.041)
- CIE Lab
- lab(54.95 -9.54 16.13)
- LCH
- lch(54.95 18.74 120.6)
- CMYK
- cmyk(10% 0% 24% 47%)
Tints · Shades · Tones
Tints
- 879375
- 949F84
- A1AA93
- AEB6A1
- BBC2B1
- C8CEC0
- D6DACF
- E3E6DF
- F1F3EF
Shades
- 6A7559
- 5A634B
- 4A523D
- 3A4130
- 2C3123
- 1E2217
- 10130C
- 050604
- 010100
Tones
- 7B876A
- 7C866C
- 7C866F
- 7D8571
- 7D8474
- 7E8376
- 7E8379
- 7F827B
- 7F817E
Farbharmonien
Komplementär +180°
- 7B8867
Swedish Clover
- 897B9B
≈ Relic
Analog -30° +30°
- 7B8867
Swedish Clover
- 8B8260
≈ Overgrown Granite
- 6A8C75
≈ Juniper Oil
Triadisch +120° +240°
- 7B8867
Swedish Clover
- 69869F
≈ Lakeville
- 9D767E
≈ Bohemian Jazz
Geteilt komplementär +150° +210°
- 7B8867
Swedish Clover
- 7980A1
≈ Positively Purple
- 96778E
≈ Hidden Mask
Tetradisch +90° +180° +270°
- 7B8867
Swedish Clover
- 5F8A95
≈ Bell Blue
- 897B9B
≈ Relic
- 9E786E
≈ Southern Road
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.77:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.55:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.55:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--swedish-clover: #7b8867;
--swedish-clover-rgb: 123 136 103;
--swedish-clover-oklch: oklch(0.607 0.05 125.3);
}
.element {
color: var(--swedish-clover);
background-color: hsl(84 14% 47%);
border-color: oklch(0.607 0.05 125.3);
}Tailwind CSS v4
@theme {
--color-swedish-clover: #7b8867;
--color-swedish-clover-50: #f1f8e9;
--color-swedish-clover-100: #e3ebda;
--color-swedish-clover-200: #ced9c2;
--color-swedish-clover-300: #b0bda1;
--color-swedish-clover-400: #97a484;
--color-swedish-clover-500: #7e8c68;
--color-swedish-clover-600: #6b7758;
--color-swedish-clover-700: #555f46;
--color-swedish-clover-800: #3f4532;
--color-swedish-clover-900: #2b3022;
--color-swedish-clover-950: #191c11;
}SCSS
$swedish-clover: #7b8867;
$swedish-clover-rgb: 123, 136, 103;
$swedish-clover-light: mix(#fff, $swedish-clover, 20%);
$swedish-clover-dark: mix(#000, $swedish-clover, 20%);
.element {
color: $swedish-clover;
box-shadow: 0 0 0 2px rgba($swedish-clover, 0.35);
}