Benannte Farbe · #98687E
Arcane
Arcane ist #98687E: rgb(152 104 126), hsl(332 19% 50%), oklch(0.574 0.068 350.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Arcane color name →
#98687E
oklch(0.574 0.068 350.4)
Farbumrechnungen
- HEX
- #98687e
- RGB
- rgb(152 104 126)
- HSL
- hsl(332 19% 50%)
- HWB
- hwb(332 41% 40%)
- OKLCH
- oklch(0.574 0.068 350.4)
- OKLab
- oklab(0.574 0.067 -0.011)
- CIE Lab
- lab(49.71 22.34 -4.09)
- LCH
- lch(49.71 22.71 349.6)
- CMYK
- cmyk(0% 32% 17% 40%)
Tints · Shades · Tones
Tints
- A2768A
- AD8596
- B793A3
- C1A2B0
- CCB1BC
- D6C0C9
- E0D0D7
- EBDFE4
- F5EFF1
Shades
- 84596D
- 704B5C
- 5C3E4C
- 4A303C
- 38242D
- 27181F
- 170C11
- 080405
- 010001
Tones
- 966B7E
- 946D7E
- 92707F
- 8F727F
- 8D747F
- 8B777F
- 88797F
- 857B80
- 837E80
Farbharmonien
Komplementär +180°
- 98687E
Arcane
- 4C8673
≈ Think Leaf
Analog -30° +30°
- 98687E
Arcane
- 8B6C92
≈ Rhinestone
- 9D6868
≈ Corazon
Triadisch +120° +240°
- 98687E
Arcane
- 7B7D4C
≈ Verdant Leaf
- 4C809A
≈ Flattering Blue
Geteilt komplementär +150° +210°
- 98687E
Arcane
- 63835C
≈ Tuscan Herbs
- 428589
≈ Sea Caller
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.54:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.61:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--arcane: #98687e;
--arcane-rgb: 152 104 126;
--arcane-oklch: oklch(0.574 0.068 350.4);
}
.element {
color: var(--arcane);
background-color: hsl(332 19% 50%);
border-color: oklch(0.574 0.068 350.4);
}Tailwind CSS v4
@theme {
--color-arcane: #98687e;
--color-arcane-50: #ffeef7;
--color-arcane-100: #fbdfea;
--color-arcane-200: #edc9d7;
--color-arcane-300: #d4aabb;
--color-arcane-400: #be8ea4;
--color-arcane-500: #a9738c;
--color-arcane-600: #8f6277;
--color-arcane-700: #734e5f;
--color-arcane-800: #543946;
--color-arcane-900: #3b2731;
--color-arcane-950: #25151d;
}SCSS
$arcane: #98687e;
$arcane-rgb: 152, 104, 126;
$arcane-light: mix(#fff, $arcane, 20%);
$arcane-dark: mix(#000, $arcane, 20%);
.element {
color: $arcane;
box-shadow: 0 0 0 2px rgba($arcane, 0.35);
}