Nazwany kolor · #7F6144
Fall in Season
Fall in Season to #7F6144: rgb(127 97 68), hsl(29 30% 38%), oklch(0.516 0.058 65). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Fall in Season color name →
#7F6144
oklch(0.516 0.058 65)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B7055
- 987F67
- A48E79
- B19D8B
- BEAD9E
- CBBDB1
- D8CDC4
- E5DED7
- F2EEEB
Odcienie ciemniejsze
- 6E533A
- 5D4630
- 4C3926
- 3C2D1D
- 2D2114
- 1F150C
- 110B05
- 060302
- 010000
Tony
- 7F644A
- 806750
- 806A56
- 806E5D
- 807162
- 807468
- 80776E
- 807A74
- 807D7A
Harmonie kolorów
Komplementarna +180°
- 7F6144
Fall in Season
- 4B6B87
≈ Wedgewood
Analogowa -30° +30°
- 7F6144
Fall in Season
- 855C51
≈ Carob Brown
- 726841
≈ Swinging Vine
Triada +120° +240°
- 7F6144
Fall in Season
- 3E736C
≈ Green Sleeves
- 6F5F83
≈ Grape Compote
Komplementarna rozszczepiona +150° +210°
- 7F6144
Fall in Season
- 3E707C
≈ Grand Rapids
- 5E6589
≈ Champion Blue
Tetrada +90° +180° +270°
- 7F6144
Fall in Season
- 4D7259
≈ Green Valley
- 4B6B87
≈ Wedgewood
- 7D5B75
≈ Gala Ball
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.68:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.69:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
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);
}