Benannte Farbe · #807E79
Friar Grey
Friar Grey ist #807E79: rgb(128 126 121), hsl(43 3% 49%), oklch(0.593 0.008 88.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Friar Grey color name →
#807E79
oklch(0.593 0.008 88.7)
Farbumrechnungen
- HEX
- #807e79
- RGB
- rgb(128 126 121)
- HSL
- hsl(43 3% 49%)
- HWB
- hwb(43 47% 50%)
- OKLCH
- oklch(0.593 0.008 88.7)
- OKLab
- oklab(0.593 0 0.008)
- CIE Lab
- lab(52.86 0.06 3.01)
- LCH
- lch(52.86 3.01 88.8)
- CMYK
- cmyk(0% 2% 5% 50%)
Tints · Shades · Tones
Tints
- 8C8A86
- 989692
- A4A39F
- B1B0AC
- BDBCBA
- CAC9C7
- D7D7D5
- E4E4E3
- F2F1F1
Shades
- 6E6D68
- 5D5C58
- 4D4C48
- 3D3C39
- 2E2D2B
- 1F1F1D
- 121110
- 060505
- 010101
Tones
- 807E7A
- 807E7A
- 807F7B
- 807F7C
- 807F7D
- 807F7D
- 807F7E
- 80807F
- 80807F
Farbharmonien
Komplementär +180°
- 807E79
Friar Grey
- 7C7E83
≈ Cowboy Spur
Analog -30° +30°
- 807E79
Friar Grey
- 827D7A
≈ Steeple Grey
- 7E7F7A
≈ Coastal Storm
Triadisch +120° +240°
- 807E79
Friar Grey
- 798081
≈ Cowboy Spur
- 817D80
≈ Sensuous Grey
Geteilt komplementär +150° +210°
- 807E79
Friar Grey
- 7A7F82
≈ Cowboy Spur
- 7F7D82
≈ Silver Filigree
Tetradisch +90° +180° +270°
- 807E79
Friar Grey
- 7A807E
≈ Shutter Grey
- 7C7E83
≈ Cowboy Spur
- 827C7E
≈ Sensuous Grey
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.05:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.17:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.17:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--friar-grey: #807e79;
--friar-grey-rgb: 128 126 121;
--friar-grey-oklch: oklch(0.593 0.008 88.7);
}
.element {
color: var(--friar-grey);
background-color: hsl(43 3% 49%);
border-color: oklch(0.593 0.008 88.7);
}Tailwind CSS v4
@theme {
--color-friar-grey: #807e79;
--color-friar-grey-50: #f6f5f3;
--color-friar-grey-100: #e9e8e5;
--color-friar-grey-200: #d5d4d0;
--color-friar-grey-300: #b9b7b3;
--color-friar-grey-400: #a09e99;
--color-friar-grey-500: #888680;
--color-friar-grey-600: #73716d;
--color-friar-grey-700: #5c5b57;
--color-friar-grey-800: #43423f;
--color-friar-grey-900: #2f2e2c;
--color-friar-grey-950: #1b1a19;
}SCSS
$friar-grey: #807e79;
$friar-grey-rgb: 128, 126, 121;
$friar-grey-light: mix(#fff, $friar-grey, 20%);
$friar-grey-dark: mix(#000, $friar-grey, 20%);
.element {
color: $friar-grey;
box-shadow: 0 0 0 2px rgba($friar-grey, 0.35);
}