Benannte Farbe · #946943
Common Jasper
Common Jasper ist #946943: rgb(148 105 67), hsl(28 38% 42%), oklch(0.557 0.077 61.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Common Jasper color name →
#946943
oklch(0.557 0.077 61.7)
Farbumrechnungen
- HEX
- #946943
- RGB
- rgb(148 105 67)
- HSL
- hsl(28 38% 42%)
- HWB
- hwb(28 26% 42%)
- OKLCH
- oklch(0.557 0.077 61.7)
- OKLab
- oklab(0.557 0.036 0.067)
- CIE Lab
- lab(48.33 14.46 28.41)
- LCH
- lch(48.33 31.88 63)
- CMYK
- cmyk(0% 29% 55% 42%)
Tints · Shades · Tones
Tints
- 9F7755
- A98667
- B4947A
- BFA38C
- C9B29E
- D4C1B1
- DFD0C4
- EAE0D8
- F4EFEB
Shades
- 805A39
- 6D4C2F
- 5A3E26
- 48311D
- 362414
- 26180C
- 160C05
- 080401
- 010000
Tones
- 926C4A
- 916E50
- 8F7057
- 8D735D
- 8B7563
- 897769
- 877A6F
- 857C75
- 827E7A
Farbharmonien
Komplementär +180°
- 946943
Common Jasper
- 48799D
≈ Zenith
Analog -30° +30°
- 946943
Common Jasper
- 9B6257
≈ Aged Bourbon
- 84723C
≈ Mustard Magic
Triadisch +120° +240°
- 946943
Common Jasper
- 378277
≈ Copper Mineral Green
- 7B6999
≈ Clematis
Geteilt komplementär +150° +210°
- 946943
Common Jasper
- 347F8D
≈ Larkspur
- 6371A1
≈ Kimberlite
Tetradisch +90° +180° +270°
- 946943
Common Jasper
- 50815D
≈ Sports Field Green
- 48799D
≈ Zenith
- 8E6388
≈ Hashita Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.81:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.36:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.81:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--common-jasper: #946943;
--common-jasper-rgb: 148 105 67;
--common-jasper-oklch: oklch(0.557 0.077 61.7);
}
.element {
color: var(--common-jasper);
background-color: hsl(28 38% 42%);
border-color: oklch(0.557 0.077 61.7);
}Tailwind CSS v4
@theme {
--color-common-jasper: #946943;
--color-common-jasper-50: #fff1df;
--color-common-jasper-100: #fbe3ce;
--color-common-jasper-200: #ecceb3;
--color-common-jasper-300: #d4b08f;
--color-common-jasper-400: #c09470;
--color-common-jasper-500: #ab7a50;
--color-common-jasper-600: #906844;
--color-common-jasper-700: #745336;
--color-common-jasper-800: #563c27;
--color-common-jasper-900: #3c291a;
--color-common-jasper-950: #26170a;
}SCSS
$common-jasper: #946943;
$common-jasper-rgb: 148, 105, 67;
$common-jasper-light: mix(#fff, $common-jasper, 20%);
$common-jasper-dark: mix(#000, $common-jasper, 20%);
.element {
color: $common-jasper;
box-shadow: 0 0 0 2px rgba($common-jasper, 0.35);
}