Benannte Farbe · #838583
Greasy Grey
Greasy Grey ist #838583: rgb(131 133 131), hsl(120 1% 52%), oklch(0.614 0.004 145.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Greasy Grey color name →
#838583
oklch(0.614 0.004 145.5)
Farbumrechnungen
- HEX
- #838583
- RGB
- rgb(131 133 131)
- HSL
- hsl(120 1% 52%)
- HWB
- hwb(120 51% 48%)
- OKLCH
- oklch(0.614 0.004 145.5)
- OKLab
- oklab(0.614 -0.003 0.002)
- CIE Lab
- lab(55.32 -1.07 0.81)
- LCH
- lch(55.32 1.34 142.9)
- CMYK
- cmyk(2% 0% 2% 48%)
Tints · Shades · Tones
Tints
- 8F918F
- 9B9C9B
- A7A8A7
- B3B4B3
- BFC0BF
- CCCCCC
- D8D9D8
- E5E5E5
- F2F2F2
Shades
- 717371
- 606160
- 4F504F
- 3F403F
- 2F302F
- 202120
- 121312
- 060606
- 010101
Tones
- 838483
- 828482
- 828382
- 828382
- 828281
- 818281
- 818181
- 818181
- 808080
Farbharmonien
Komplementär +180°
- 838583
Greasy Grey
- 868486
≈ Black Mana
Analog -30° +30°
- 838583
Greasy Grey
- 848582
≈ Greasy Grey
- 828584
≈ Greasy Grey
Triadisch +120° +240°
- 838583
Greasy Grey
- 838487
≈ Victorian Pewter
- 878483
≈ Lunar Federation
Geteilt komplementär +150° +210°
- 838583
Greasy Grey
- 848486
≈ Dover Grey
- 868384
≈ Lunar Federation
Tetradisch +90° +180° +270°
- 838583
Greasy Grey
- 828586
≈ Gryphon
- 868486
≈ Black Mana
- 868482
≈ Lunar Federation
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.71:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.64:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.64:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--greasy-grey: #838583;
--greasy-grey-rgb: 131 133 131;
--greasy-grey-oklch: oklch(0.614 0.004 145.5);
}
.element {
color: var(--greasy-grey);
background-color: hsl(120 1% 52%);
border-color: oklch(0.614 0.004 145.5);
}Tailwind CSS v4
@theme {
--color-greasy-grey: #838583;
--color-greasy-grey-50: #f4f5f4;
--color-greasy-grey-100: #e7e8e7;
--color-greasy-grey-200: #d3d5d3;
--color-greasy-grey-300: #b6b8b6;
--color-greasy-grey-400: #9d9f9d;
--color-greasy-grey-500: #858785;
--color-greasy-grey-600: #707270;
--color-greasy-grey-700: #5a5b5a;
--color-greasy-grey-800: #424341;
--color-greasy-grey-900: #2d2e2d;
--color-greasy-grey-950: #1a1b1a;
}SCSS
$greasy-grey: #838583;
$greasy-grey-rgb: 131, 133, 131;
$greasy-grey-light: mix(#fff, $greasy-grey, 20%);
$greasy-grey-dark: mix(#000, $greasy-grey, 20%);
.element {
color: $greasy-grey;
box-shadow: 0 0 0 2px rgba($greasy-grey, 0.35);
}