Benannte Farbe · #A9586C
Splatter
Splatter ist #A9586C: rgb(169 88 108), hsl(345 32% 50%), oklch(0.562 0.108 5.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Splatter color name →
#A9586C
oklch(0.562 0.108 5.4)
Farbumrechnungen
- HEX
- #a9586c
- RGB
- rgb(169 88 108)
- HSL
- hsl(345 32% 50%)
- HWB
- hwb(345 35% 34%)
- OKLCH
- oklch(0.562 0.108 5.4)
- OKLab
- oklab(0.562 0.107 0.01)
- CIE Lab
- lab(47.92 35.48 4.43)
- LCH
- lch(47.92 35.75 7.1)
- CMYK
- cmyk(0% 48% 36% 34%)
Tints · Shades · Tones
Tints
- B3687A
- BC7988
- C58996
- CE99A4
- D7AAB3
- DFBBC2
- E8CBD1
- F0DCE0
- F7EEEF
Shades
- 924B5D
- 7C3F4E
- 673340
- 532832
- 3F1D25
- 2C1219
- 1B090D
- 0A0304
- 010000
Tones
- A65D6E
- A26170
- 9F6572
- 9B6A74
- 976E76
- 937178
- 8F757A
- 8A797C
- 857C7E
Farbharmonien
Komplementär +180°
- A9586C
Splatter
- 00887D
≈ Mystic Turquoise
Analog -30° +30°
- A9586C
Splatter
- 9C5B8E
≈ Bermuda Onion
- AB5C48
≈ Colourful Leaves
Triadisch +120° +240°
- A9586C
Splatter
- 668034
≈ Dirty Green
- 377AB0
≈ Vermeer Blue
Geteilt komplementär +150° +210°
- A9586C
Splatter
- 368859
≈ Argyle
- 00839A
≈ Zircon Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.88:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.29:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.88:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--splatter: #a9586c;
--splatter-rgb: 169 88 108;
--splatter-oklch: oklch(0.562 0.108 5.4);
}
.element {
color: var(--splatter);
background-color: hsl(345 32% 50%);
border-color: oklch(0.562 0.108 5.4);
}Tailwind CSS v4
@theme {
--color-splatter: #a9586c;
--color-splatter-50: #ffe9ef;
--color-splatter-100: #ffdae1;
--color-splatter-200: #fec2cc;
--color-splatter-300: #e8a1ad;
--color-splatter-400: #d48395;
--color-splatter-500: #c1657c;
--color-splatter-600: #a35669;
--color-splatter-700: #834554;
--color-splatter-800: #61313e;
--color-splatter-900: #44222b;
--color-splatter-950: #2c1118;
}SCSS
$splatter: #a9586c;
$splatter-rgb: 169, 88, 108;
$splatter-light: mix(#fff, $splatter, 20%);
$splatter-dark: mix(#000, $splatter, 20%);
.element {
color: $splatter;
box-shadow: 0 0 0 2px rgba($splatter, 0.35);
}