Benannte Farbe · #9E9991
Acier
Acier ist #9E9991: rgb(158 153 145), hsl(37 6% 59%), oklch(0.685 0.013 79.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Acier color name →
#9E9991
oklch(0.685 0.013 79.8)
Farbumrechnungen
- HEX
- #9e9991
- RGB
- rgb(158 153 145)
- HSL
- hsl(37 6% 59%)
- HWB
- hwb(37 57% 38%)
- OKLCH
- oklch(0.685 0.013 79.8)
- OKLab
- oklab(0.685 0.002 0.013)
- CIE Lab
- lab(63.47 0.8 4.9)
- LCH
- lch(63.47 4.97 80.7)
- CMYK
- cmyk(0% 3% 8% 38%)
Tints · Shades · Tones
Tints
- A7A39B
- B1ADA6
- BAB7B1
- C4C1BC
- CDCBC7
- D7D5D2
- E1DFDD
- EBEAE8
- F5F4F4
Shades
- 89847D
- 74706A
- 605D58
- 4D4A46
- 3A3835
- 292725
- 181715
- 090807
- 010101
Tones
- 9B968F
- 98948E
- 95918C
- 928F8A
- 8F8C88
- 8C8A87
- 898785
- 868583
- 838282
Farbharmonien
Komplementär +180°
- 9E9991
Acier
- 959AA2
≈ Dustblu
Analog -30° +30°
- 9E9991
Acier
- A19893
≈ Polished Concrete
- 9A9B92
≈ Delta
Triadisch +120° +240°
- 9E9991
Acier
- 919C9D
≈ Stone Fence
- 9D979F
≈ Fortune
Geteilt komplementär +150° +210°
- 9E9991
Acier
- 929BA0
≈ Dustblu
- 9999A1
≈ Dark Ages
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.83:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.41:1 · APCA Lc 47
Beste Textfarbe: #000000
WCAG 7.41:1 (AAA) · APCA Lc 47
Contrast pairs
Code-Snippets
CSS
:root {
--acier: #9e9991;
--acier-rgb: 158 153 145;
--acier-oklch: oklch(0.685 0.013 79.8);
}
.element {
color: var(--acier);
background-color: hsl(37 6% 59%);
border-color: oklch(0.685 0.013 79.8);
}Tailwind CSS v4
@theme {
--color-acier: #9e9991;
--color-acier-50: #f7f5f1;
--color-acier-100: #eae7e3;
--color-acier-200: #d7d4ce;
--color-acier-300: #bbb7b0;
--color-acier-400: #a29e96;
--color-acier-500: #8b857d;
--color-acier-600: #75716a;
--color-acier-700: #5e5a54;
--color-acier-800: #45423d;
--color-acier-900: #302d2a;
--color-acier-950: #1c1a18;
}SCSS
$acier: #9e9991;
$acier-rgb: 158, 153, 145;
$acier-light: mix(#fff, $acier, 20%);
$acier-dark: mix(#000, $acier, 20%);
.element {
color: $acier;
box-shadow: 0 0 0 2px rgba($acier, 0.35);
}