Benannte Farbe · #8B837D
Hagstone Choir
Hagstone Choir ist #8B837D: rgb(139 131 125), hsl(26 6% 52%), oklch(0.615 0.013 59.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Hagstone Choir color name →
#8B837D
oklch(0.615 0.013 59.4)
Farbumrechnungen
- HEX
- #8b837d
- RGB
- rgb(139 131 125)
- HSL
- hsl(26 6% 52%)
- HWB
- hwb(26 49% 45%)
- OKLCH
- oklch(0.615 0.013 59.4)
- OKLab
- oklab(0.615 0.007 0.011)
- CIE Lab
- lab(55.34 2.3 4.39)
- LCH
- lch(55.34 4.96 62.4)
- CMYK
- cmyk(0% 6% 10% 45%)
Tints · Shades · Tones
Tints
- 968F89
- A19B96
- ACA7A2
- B8B3AF
- C3BFBC
- CFCCC9
- DBD8D6
- E7E5E4
- F3F2F1
Shades
- 78716C
- 66605B
- 544F4B
- 433F3B
- 322F2C
- 23201E
- 141211
- 070605
- 010101
Tones
- 8A837D
- 89827E
- 88827E
- 87827E
- 86827F
- 84817F
- 83817F
- 82817F
- 818080
Farbharmonien
Komplementär +180°
- 8B837D
Hagstone Choir
- 7E868C
≈ London Road
Analog -30° +30°
- 8B837D
Hagstone Choir
- 8D8280
≈ Pewter Mug
- 88847C
≈ Pier
Triadisch +120° +240°
- 8B837D
Hagstone Choir
- 7D8785
≈ Nature Retreat
- 86838C
≈ In the Twilight
Geteilt komplementär +150° +210°
- 8B837D
Hagstone Choir
- 7C8789
≈ Nature Retreat
- 81858D
≈ Milestone
Tetradisch +90° +180° +270°
- 8B837D
Hagstone Choir
- 7F8780
≈ Wild Sage
- 7E868C
≈ London Road
- 898289
≈ Natural Steel
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.72: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 {
--hagstone-choir: #8b837d;
--hagstone-choir-rgb: 139 131 125;
--hagstone-choir-oklch: oklch(0.615 0.013 59.4);
}
.element {
color: var(--hagstone-choir);
background-color: hsl(26 6% 52%);
border-color: oklch(0.615 0.013 59.4);
}Tailwind CSS v4
@theme {
--color-hagstone-choir: #8b837d;
--color-hagstone-choir-50: #f8f4f1;
--color-hagstone-choir-100: #ebe7e3;
--color-hagstone-choir-200: #d9d3cf;
--color-hagstone-choir-300: #bdb6b1;
--color-hagstone-choir-400: #a59d97;
--color-hagstone-choir-500: #8d847e;
--color-hagstone-choir-600: #77706a;
--color-hagstone-choir-700: #5f5a55;
--color-hagstone-choir-800: #46413e;
--color-hagstone-choir-900: #302d2b;
--color-hagstone-choir-950: #1d1a18;
}SCSS
$hagstone-choir: #8b837d;
$hagstone-choir-rgb: 139, 131, 125;
$hagstone-choir-light: mix(#fff, $hagstone-choir, 20%);
$hagstone-choir-dark: mix(#000, $hagstone-choir, 20%);
.element {
color: $hagstone-choir;
box-shadow: 0 0 0 2px rgba($hagstone-choir, 0.35);
}