Benannte Farbe · #889977
Fallout Grey
Fallout Grey ist #889977: rgb(136 153 119), hsl(90 14% 53%), oklch(0.66 0.053 129.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Fallout Grey color name →
#889977
oklch(0.66 0.053 129.4)
Farbumrechnungen
- HEX
- #889977
- RGB
- rgb(136 153 119)
- HSL
- hsl(90 14% 53%)
- HWB
- hwb(90 47% 40%)
- OKLCH
- oklch(0.66 0.053 129.4)
- OKLab
- oklab(0.66 -0.033 0.041)
- CIE Lab
- lab(61.16 -11.06 15.82)
- LCH
- lch(61.16 19.3 124.9)
- CMYK
- cmyk(11% 0% 22% 40%)
Tints · Shades · Tones
Tints
- 93A384
- 9FAD91
- AAB79E
- B6C1AC
- C2CBB9
- CED5C7
- DAE0D5
- E6EAE3
- F3F4F1
Shades
- 758467
- 637057
- 525D47
- 414A38
- 31382A
- 22271C
- 131710
- 060805
- 010101
Tones
- 879778
- 869479
- 86927A
- 858F7B
- 848D7C
- 838A7D
- 82887E
- 82857E
- 81837F
Farbharmonien
Komplementär +180°
- 889977
Fallout Grey
- 9C8AAB
≈ Saffron Blossom Mauve
Analog -30° +30°
- 889977
Fallout Grey
- 9A936E
≈ Sweet Annie
- 779D87
≈ Peahen
Triadisch +120° +240°
- 889977
Fallout Grey
- 7A95B2
≈ Accolade
- B0858B
≈ Orchid Red
Geteilt komplementär +150° +210°
- 889977
Fallout Grey
- 8B8FB3
≈ Persian Violet
- A9869D
≈ Evening Pink
Tetradisch +90° +180° +270°
- 889977
Fallout Grey
- 6E9AA8
≈ Left Bank Blue
- 9C8AAB
≈ Saffron Blossom Mauve
- AF887A
≈ Maui Poi
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.05:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.86:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.86:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--fallout-grey: #889977;
--fallout-grey-rgb: 136 153 119;
--fallout-grey-oklch: oklch(0.66 0.053 129.4);
}
.element {
color: var(--fallout-grey);
background-color: hsl(90 14% 53%);
border-color: oklch(0.66 0.053 129.4);
}Tailwind CSS v4
@theme {
--color-fallout-grey: #889977;
--color-fallout-grey-50: #f0f9e9;
--color-fallout-grey-100: #e2ecda;
--color-fallout-grey-200: #ccd9c2;
--color-fallout-grey-300: #aebda2;
--color-fallout-grey-400: #95a584;
--color-fallout-grey-500: #7b8d68;
--color-fallout-grey-600: #687859;
--color-fallout-grey-700: #536047;
--color-fallout-grey-800: #3d4632;
--color-fallout-grey-900: #2a3022;
--color-fallout-grey-950: #181d11;
}SCSS
$fallout-grey: #889977;
$fallout-grey-rgb: 136, 153, 119;
$fallout-grey-light: mix(#fff, $fallout-grey, 20%);
$fallout-grey-dark: mix(#000, $fallout-grey, 20%);
.element {
color: $fallout-grey;
box-shadow: 0 0 0 2px rgba($fallout-grey, 0.35);
}