Named color · #825736
Football
Football is #825736: rgb(130 87 54), hsl(26 41% 36%), oklch(0.496 0.074 57.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Football color name →
#825736
oklch(0.496 0.074 57.5)
Color conversions
- HEX
- #825736
- RGB
- rgb(130 87 54)
- HSL
- hsl(26 41% 36%)
- HWB
- hwb(26 21% 49%)
- OKLCH
- oklch(0.496 0.074 57.5)
- OKLab
- oklab(0.496 0.04 0.063)
- CIE Lab
- lab(41.25 15.59 26.58)
- LCH
- lch(41.25 30.82 59.6)
- CMYK
- cmyk(0% 33% 58% 49%)
Tints · Shades · Tones
Tints
- 8E6749
- 9B775C
- A78770
- B49783
- C0A897
- CDB9AB
- D9CAC0
- E6DCD4
- F2EDEA
Shades
- 704B2E
- 5F3E25
- 4E331E
- 3E2716
- 2F1C0F
- 201208
- 120803
- 060301
- 010000
Tones
- 825B3E
- 826046
- 82644D
- 826855
- 826C5C
- 827063
- 82746A
- 817872
- 817C79
Color harmonies
Complementary +180°
- 825736
Football
- 356887
≈ Naval Passage
Analogous -30° +30°
- 825736
Football
- 87514B
≈ Lotus
- 745F2C
≈ Himalaya
Triadic +120° +240°
- 825736
Football
- 297062
≈ Antique Green
- 675987
≈ Berry Jam
Split-complementary +150° +210°
- 825736
Football
- 206E78
≈ Antigua
- 4F618D
≈ Karmic Grape
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 6.23:1 · APCA Lc 81
Ag
FailOn black
WCAG 3.36:1 · APCA Lc 21
Best text color: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Code snippets
CSS
:root {
--football: #825736;
--football-rgb: 130 87 54;
--football-oklch: oklch(0.496 0.074 57.5);
}
.element {
color: var(--football);
background-color: hsl(26 41% 36%);
border-color: oklch(0.496 0.074 57.5);
}Tailwind CSS v4
@theme {
--color-football: #825736;
--color-football-50: #fff1e1;
--color-football-100: #fbe3d0;
--color-football-200: #edcdb5;
--color-football-300: #d5af92;
--color-football-400: #c09473;
--color-football-500: #ac7a54;
--color-football-600: #916748;
--color-football-700: #745239;
--color-football-800: #563c29;
--color-football-900: #3c291b;
--color-football-950: #26170c;
}SCSS
$football: #825736;
$football-rgb: 130, 87, 54;
$football-light: mix(#fff, $football, 20%);
$football-dark: mix(#000, $football, 20%);
.element {
color: $football;
box-shadow: 0 0 0 2px rgba($football, 0.35);
}