Benannte Farbe · #7F6144
Fall in Season
Fall in Season ist #7F6144: rgb(127 97 68), hsl(29 30% 38%), oklch(0.516 0.058 65). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Fall in Season color name →
#7F6144
oklch(0.516 0.058 65)
Farbumrechnungen
- HEX
- #7f6144
- RGB
- rgb(127 97 68)
- HSL
- hsl(29 30% 38%)
- HWB
- hwb(29 27% 50%)
- OKLCH
- oklch(0.516 0.058 65)
- OKLab
- oklab(0.516 0.024 0.052)
- CIE Lab
- lab(43.72 9.62 21.45)
- LCH
- lch(43.72 23.51 65.8)
- CMYK
- cmyk(0% 24% 46% 50%)
Tints · Shades · Tones
Tints
- 8B7055
- 987F67
- A48E79
- B19D8B
- BEAD9E
- CBBDB1
- D8CDC4
- E5DED7
- F2EEEB
Shades
- 6E533A
- 5D4630
- 4C3926
- 3C2D1D
- 2D2114
- 1F150C
- 110B05
- 060302
- 010000
Tones
- 7F644A
- 806750
- 806A56
- 806E5D
- 807162
- 807468
- 80776E
- 807A74
- 807D7A
Farbharmonien
Komplementär +180°
- 7F6144
Fall in Season
- 4B6B87
≈ Wedgewood
Analog -30° +30°
- 7F6144
Fall in Season
- 855C51
≈ Carob Brown
- 726841
≈ Swinging Vine
Triadisch +120° +240°
- 7F6144
Fall in Season
- 3E736C
≈ Green Sleeves
- 6F5F83
≈ Grape Compote
Geteilt komplementär +150° +210°
- 7F6144
Fall in Season
- 3E707C
≈ Grand Rapids
- 5E6589
≈ Champion Blue
Tetradisch +90° +180° +270°
- 7F6144
Fall in Season
- 4D7259
≈ Green Valley
- 4B6B87
≈ Wedgewood
- 7D5B75
≈ Gala Ball
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.68:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.69:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--fall-in-season: #7f6144;
--fall-in-season-rgb: 127 97 68;
--fall-in-season-oklch: oklch(0.516 0.058 65);
}
.element {
color: var(--fall-in-season);
background-color: hsl(29 30% 38%);
border-color: oklch(0.516 0.058 65);
}Tailwind CSS v4
@theme {
--color-fall-in-season: #7f6144;
--color-fall-in-season-50: #fff2e4;
--color-fall-in-season-100: #f6e5d4;
--color-fall-in-season-200: #e6d0bb;
--color-fall-in-season-300: #ccb299;
--color-fall-in-season-400: #b7987b;
--color-fall-in-season-500: #a17f5d;
--color-fall-in-season-600: #886b50;
--color-fall-in-season-700: #6d563f;
--color-fall-in-season-800: #513e2d;
--color-fall-in-season-900: #382b1f;
--color-fall-in-season-950: #23180f;
}SCSS
$fall-in-season: #7f6144;
$fall-in-season-rgb: 127, 97, 68;
$fall-in-season-light: mix(#fff, $fall-in-season, 20%);
$fall-in-season-dark: mix(#000, $fall-in-season, 20%);
.element {
color: $fall-in-season;
box-shadow: 0 0 0 2px rgba($fall-in-season, 0.35);
}