Benannte Farbe · #9892B8
Indifferent
Indifferent ist #9892B8: rgb(152 146 184), hsl(249 21% 65%), oklch(0.678 0.056 292.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Indifferent color name →
#9892B8
oklch(0.678 0.056 292.1)
Farbumrechnungen
- HEX
- #9892b8
- RGB
- rgb(152 146 184)
- HSL
- hsl(249 21% 65%)
- HWB
- hwb(249 57% 28%)
- OKLCH
- oklch(0.678 0.056 292.1)
- OKLab
- oklab(0.678 0.021 -0.052)
- CIE Lab
- lab(62.08 8.23 -19.09)
- LCH
- lch(62.08 20.79 293.3)
- CMYK
- cmyk(17% 21% 0% 28%)
Tints · Shades · Tones
Tints
- A29CBF
- ACA7C6
- B6B2CD
- C0BDD4
- CAC7DB
- D4D2E3
- DFDDEA
- EAE8F1
- F4F4F8
Shades
- 847EA0
- 706B88
- 5C5871
- 4A465B
- 383545
- 272531
- 17161E
- 08080C
- 010102
Tones
- 9690B2
- 938EAD
- 918DA7
- 8E8BA2
- 8C899C
- 898796
- 878691
- 85848B
- 828286
Farbharmonien
Komplementär +180°
- 9892B8
Indifferent
- 989C74
≈ Curly Grass
Analog -30° +30°
- 9892B8
Indifferent
- 8598BB
≈ Bel Air Blue
- A98DAD
≈ Revered
Triadisch +120° +240°
- 9892B8
Indifferent
- B48F78
≈ Mazzone
- 74A394
≈ Harmony in Green
Geteilt komplementär +150° +210°
- 9892B8
Indifferent
- A99571
≈ Quail Valley
- 85A181
≈ Grey Green
Tetradisch +90° +180° +270°
- 9892B8
Indifferent
- B88B88
≈ Victorian Mauve
- 989C74
≈ Curly Grass
- 6EA2A7
≈ Fairstar
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.94:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.13:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.13:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--indifferent: #9892b8;
--indifferent-rgb: 152 146 184;
--indifferent-oklch: oklch(0.678 0.056 292.1);
}
.element {
color: var(--indifferent);
background-color: hsl(249 21% 65%);
border-color: oklch(0.678 0.056 292.1);
}Tailwind CSS v4
@theme {
--color-indifferent: #9892b8;
--color-indifferent-50: #f6f2ff;
--color-indifferent-100: #e8e5f9;
--color-indifferent-200: #d5d0ea;
--color-indifferent-300: #b8b2d2;
--color-indifferent-400: #9f99bd;
--color-indifferent-500: #8780a9;
--color-indifferent-600: #726c8e;
--color-indifferent-700: #5b5672;
--color-indifferent-800: #423f55;
--color-indifferent-900: #2d2c3b;
--color-indifferent-950: #1a1925;
}SCSS
$indifferent: #9892b8;
$indifferent-rgb: 152, 146, 184;
$indifferent-light: mix(#fff, $indifferent, 20%);
$indifferent-dark: mix(#000, $indifferent, 20%);
.element {
color: $indifferent;
box-shadow: 0 0 0 2px rgba($indifferent, 0.35);
}