이름 색상 · #7F6144
Fall in Season
Fall in Season은(는) #7F6144: rgb(127 97 68), hsl(29 30% 38%), oklch(0.516 0.058 65). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Fall in Season color name →
#7F6144
oklch(0.516 0.058 65)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8B7055
- 987F67
- A48E79
- B19D8B
- BEAD9E
- CBBDB1
- D8CDC4
- E5DED7
- F2EEEB
셰이드
- 6E533A
- 5D4630
- 4C3926
- 3C2D1D
- 2D2114
- 1F150C
- 110B05
- 060302
- 010000
톤
- 7F644A
- 806750
- 806A56
- 806E5D
- 807162
- 807468
- 80776E
- 807A74
- 807D7A
색 조화
보색 +180°
- 7F6144
Fall in Season
- 4B6B87
≈ Wedgewood
유사색 -30° +30°
- 7F6144
Fall in Season
- 855C51
≈ Carob Brown
- 726841
≈ Swinging Vine
삼각 배색 +120° +240°
- 7F6144
Fall in Season
- 3E736C
≈ Green Sleeves
- 6F5F83
≈ Grape Compote
분열 보색 +150° +210°
- 7F6144
Fall in Season
- 3E707C
≈ Grand Rapids
- 5E6589
≈ Champion Blue
사각 배색 +90° +180° +270°
- 7F6144
Fall in Season
- 4D7259
≈ Green Valley
- 4B6B87
≈ Wedgewood
- 7D5B75
≈ Gala Ball
대비 및 접근성
Ag
AA흰색 위
WCAG 5.68:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.69:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.68:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
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);
}