Benannte Farbe · #987E7E
Opium
Opium ist #987E7E: rgb(152 126 126), hsl(0 11% 55%), oklch(0.617 0.032 18.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Opium color name →
#987E7E
oklch(0.617 0.032 18.1)
Farbumrechnungen
- HEX
- #987e7e
- RGB
- rgb(152 126 126)
- HSL
- hsl(0 11% 55%)
- HWB
- hwb(0 49% 40%)
- OKLCH
- oklch(0.617 0.032 18.1)
- OKLab
- oklab(0.617 0.031 0.01)
- CIE Lab
- lab(55.29 10.33 3.95)
- LCH
- lch(55.29 11.06 20.9)
- CMYK
- cmyk(0% 17% 17% 40%)
Tints · Shades · Tones
Tints
- A28A8A
- AC9796
- B6A3A3
- C0B0B0
- CBBDBC
- D5CAC9
- DFD7D7
- EAE4E4
- F4F1F1
Shades
- 846D6D
- 705C5C
- 5C4C4C
- 4A3C3C
- 382D2D
- 271F1F
- 171111
- 080505
- 010101
Tones
- 967E7E
- 937E7E
- 917F7F
- 8F7F7F
- 8C7F7F
- 8A7F7F
- 877F7F
- 858080
- 838080
Farbharmonien
Komplementär +180°
- 987E7E
Opium
- 6F8C8C
≈ Polaris Blue
Analog -30° +30°
- 987E7E
Opium
- 957E89
≈ Plum Swirl
- 968075
≈ Tallarn Leather
Triadisch +120° +240°
- 987E7E
Opium
- 7C8A78
≈ Spanish Green
- 7A8699
≈ Salon Bleu
Geteilt komplementär +150° +210°
- 987E7E
Opium
- 738C82
≈ Misty Moor
- 728A95
≈ Bluish Grey
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.73:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.62:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--opium: #987e7e;
--opium-rgb: 152 126 126;
--opium-oklch: oklch(0.617 0.032 18.1);
}
.element {
color: var(--opium);
background-color: hsl(0 11% 55%);
border-color: oklch(0.617 0.032 18.1);
}Tailwind CSS v4
@theme {
--color-opium: #987e7e;
--color-opium-50: #fef2f1;
--color-opium-100: #f3e4e3;
--color-opium-200: #e2cfce;
--color-opium-300: #c8b1b0;
--color-opium-400: #b19797;
--color-opium-500: #9b7e7e;
--color-opium-600: #836b6b;
--color-opium-700: #695555;
--color-opium-800: #4d3e3e;
--color-opium-900: #362b2b;
--color-opium-950: #211818;
}SCSS
$opium: #987e7e;
$opium-rgb: 152, 126, 126;
$opium-light: mix(#fff, $opium, 20%);
$opium-dark: mix(#000, $opium, 20%);
.element {
color: $opium;
box-shadow: 0 0 0 2px rgba($opium, 0.35);
}