Colore con nome · #7F6144
Fall in Season
Fall in Season è #7F6144: rgb(127 97 68), hsl(29 30% 38%), oklch(0.516 0.058 65). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Fall in Season color name →
#7F6144
oklch(0.516 0.058 65)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 8B7055
- 987F67
- A48E79
- B19D8B
- BEAD9E
- CBBDB1
- D8CDC4
- E5DED7
- F2EEEB
Ombre
- 6E533A
- 5D4630
- 4C3926
- 3C2D1D
- 2D2114
- 1F150C
- 110B05
- 060302
- 010000
Toni
- 7F644A
- 806750
- 806A56
- 806E5D
- 807162
- 807468
- 80776E
- 807A74
- 807D7A
Armonie di colore
Complementare +180°
- 7F6144
Fall in Season
- 4B6B87
≈ Wedgewood
Analogo -30° +30°
- 7F6144
Fall in Season
- 855C51
≈ Carob Brown
- 726841
≈ Swinging Vine
Triadico +120° +240°
- 7F6144
Fall in Season
- 3E736C
≈ Green Sleeves
- 6F5F83
≈ Grape Compote
Complementare divisa +150° +210°
- 7F6144
Fall in Season
- 3E707C
≈ Grand Rapids
- 5E6589
≈ Champion Blue
Tetradico +90° +180° +270°
- 7F6144
Fall in Season
- 4D7259
≈ Green Valley
- 4B6B87
≈ Wedgewood
- 7D5B75
≈ Gala Ball
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.68:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.69:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
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);
}