Benannte Farbe · #9197A4
Memorise
Memorise ist #9197A4: rgb(145 151 164), hsl(221 9% 61%), oklch(0.676 0.02 265.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Memorise color name →
#9197A4
oklch(0.676 0.02 265.9)
Farbumrechnungen
- HEX
- #9197a4
- RGB
- rgb(145 151 164)
- HSL
- hsl(221 9% 61%)
- HWB
- hwb(221 57% 36%)
- OKLCH
- oklch(0.676 0.02 265.9)
- OKLab
- oklab(0.676 -0.001 -0.02)
- CIE Lab
- lab(62.28 -0.23 -7.63)
- LCH
- lch(62.28 7.63 268.3)
- CMYK
- cmyk(12% 8% 0% 36%)
Tints · Shades · Tones
Tints
- 9BA1AD
- A6ABB6
- B1B5BF
- BCBFC8
- C7CAD1
- D2D4DA
- DDDFE3
- E8E9EC
- F4F4F6
Shades
- 7D838E
- 6A6F79
- 585C64
- 464950
- 35373D
- 25262B
- 15171A
- 07080A
- 010101
Tones
- 8F95A0
- 8E929D
- 8C9099
- 8A8E95
- 888B92
- 87898E
- 85878B
- 838587
- 828284
Farbharmonien
Komplementär +180°
- 9197A4
Memorise
- 9D9689
≈ Mud Pack
Analog -30° +30°
- 9197A4
Memorise
- 8C99A2
≈ Teton Blue
- 9895A2
≈ Ash Violet
Triadisch +120° +240°
- 9197A4
Memorise
- A39290
≈ Tribeca
- 8F9B90
≈ Iceberg Green
Geteilt komplementär +150° +210°
- 9197A4
Memorise
- A1948B
≈ Middle-Earth
- 96998B
≈ Deep Seagrass
Tetradisch +90° +180° +270°
- 9197A4
Memorise
- A29297
≈ Nirvana
- 9D9689
≈ Mud Pack
- 8B9B96
≈ Café Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.93:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.16:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--memorise: #9197a4;
--memorise-rgb: 145 151 164;
--memorise-oklch: oklch(0.676 0.02 265.9);
}
.element {
color: var(--memorise);
background-color: hsl(221 9% 61%);
border-color: oklch(0.676 0.02 265.9);
}Tailwind CSS v4
@theme {
--color-memorise: #9197a4;
--color-memorise-50: #f2f5fb;
--color-memorise-100: #e5e8ef;
--color-memorise-200: #d0d4dd;
--color-memorise-300: #b3b7c2;
--color-memorise-400: #999eab;
--color-memorise-500: #808694;
--color-memorise-600: #6c727d;
--color-memorise-700: #565b64;
--color-memorise-800: #3f424a;
--color-memorise-900: #2b2e33;
--color-memorise-950: #191b1f;
}SCSS
$memorise: #9197a4;
$memorise-rgb: 145, 151, 164;
$memorise-light: mix(#fff, $memorise, 20%);
$memorise-dark: mix(#000, $memorise, 20%);
.element {
color: $memorise;
box-shadow: 0 0 0 2px rgba($memorise, 0.35);
}