Benannte Farbe · #97969A
Formal Grey
Formal Grey ist #97969A: rgb(151 150 154), hsl(255 2% 60%), oklch(0.675 0.006 297.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Formal Grey color name →
#97969A
oklch(0.675 0.006 297.7)
Farbumrechnungen
- HEX
- #97969a
- RGB
- rgb(151 150 154)
- HSL
- hsl(255 2% 60%)
- HWB
- hwb(255 59% 40%)
- OKLCH
- oklch(0.675 0.006 297.7)
- OKLab
- oklab(0.675 0.003 -0.005)
- CIE Lab
- lab(62.26 0.96 -1.98)
- LCH
- lch(62.26 2.2 295.9)
- CMYK
- cmyk(2% 3% 0% 40%)
Tints · Shades · Tones
Tints
- A1A0A4
- ABAAAD
- B5B4B7
- BFBFC1
- CAC9CB
- D4D4D5
- DFDEE0
- E9E9EA
- F4F4F4
Shades
- 838285
- 6F6E71
- 5C5B5E
- 49494B
- 373739
- 262627
- 171617
- 080809
- 010101
Tones
- 959497
- 929295
- 908F92
- 8E8D90
- 8B8B8D
- 89898A
- 878788
- 858485
- 828283
Farbharmonien
Komplementär +180°
- 97969A
Formal Grey
- 969793
≈ Shark Fin
Analog -30° +30°
- 97969A
Formal Grey
- 95979B
≈ Formal Grey
- 999599
≈ Formal Grey
Triadisch +120° +240°
- 97969A
Formal Grey
- 9A9693
≈ Pewter Cast
- 939897
≈ Millennial Greige
Geteilt komplementär +150° +210°
- 97969A
Formal Grey
- 989793
≈ Shark Fin
- 949895
≈ Steel Toe
Tetradisch +90° +180° +270°
- 97969A
Formal Grey
- 9A9595
≈ Storm Rolling In
- 969793
≈ Shark Fin
- 939899
≈ African Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.93:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.14:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.14:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--formal-grey: #97969a;
--formal-grey-rgb: 151 150 154;
--formal-grey-oklch: oklch(0.675 0.006 297.7);
}
.element {
color: var(--formal-grey);
background-color: hsl(255 2% 60%);
border-color: oklch(0.675 0.006 297.7);
}Tailwind CSS v4
@theme {
--color-formal-grey: #97969a;
--color-formal-grey-50: #f5f5f6;
--color-formal-grey-100: #e8e7e9;
--color-formal-grey-200: #d4d4d6;
--color-formal-grey-300: #b8b7ba;
--color-formal-grey-400: #9f9ea1;
--color-formal-grey-500: #86858a;
--color-formal-grey-600: #727174;
--color-formal-grey-700: #5b5a5d;
--color-formal-grey-800: #424244;
--color-formal-grey-900: #2e2d2f;
--color-formal-grey-950: #1b1a1c;
}SCSS
$formal-grey: #97969a;
$formal-grey-rgb: 151, 150, 154;
$formal-grey-light: mix(#fff, $formal-grey, 20%);
$formal-grey-dark: mix(#000, $formal-grey, 20%);
.element {
color: $formal-grey;
box-shadow: 0 0 0 2px rgba($formal-grey, 0.35);
}