이름 색상 · #85695B
Quartersawn Oak
Quartersawn Oak은(는) #85695B: rgb(133 105 91), hsl(20 19% 44%), oklch(0.545 0.042 47.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Quartersawn Oak color name →
#85695B
oklch(0.545 0.042 47.9)
색상 변환
- HEX
- #85695b
- RGB
- rgb(133 105 91)
- HSL
- hsl(20 19% 44%)
- HWB
- hwb(20 36% 48%)
- OKLCH
- oklch(0.545 0.042 47.9)
- OKLab
- oklab(0.545 0.028 0.031)
- CIE Lab
- lab(46.95 9.94 12.38)
- LCH
- lch(46.95 15.88 51.2)
- CMYK
- cmyk(0% 21% 32% 48%)
틴트 · 셰이드 · 톤
틴트
- 91776A
- 9D857A
- A99489
- B5A299
- C1B1AA
- CDC0BA
- D9D0CB
- E6DFDC
- F2EFED
셰이드
- 735A4E
- 614C41
- 503E35
- 403129
- 30241E
- 211813
- 130C09
- 060403
- 010000
톤
- 856B5F
- 846E62
- 847066
- 83726A
- 83756E
- 827771
- 827975
- 817B79
- 817E7C
색 조화
보색 +180°
- 85695B
Quartersawn Oak
- 567583
≈ San Miguel Blue
유사색 -30° +30°
- 85695B
Quartersawn Oak
- 876667
≈ Brazil Nut
- 7E6D55
≈ Ye Olde Rustic Colour
삼각 배색 +120° +240°
- 85695B
Quartersawn Oak
- 58786B
≈ Stately Stems
- 6E6C88
≈ Dark Prince
분열 보색 +150° +210°
- 85695B
Quartersawn Oak
- 537879
≈ Breaker Bay
- 617189
≈ Blue Cloud
사각 배색 +90° +180° +270°
- 85695B
Quartersawn Oak
- 64765E
≈ Lignum Vitœ Foliage
- 567583
≈ San Miguel Blue
- 7A6980
≈ Purplish Grey
대비 및 접근성
Ag
AA흰색 위
WCAG 5.03:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.16:1 · APCA Lc 27
가장 좋은 글자색: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--quartersawn-oak: #85695b;
--quartersawn-oak-rgb: 133 105 91;
--quartersawn-oak-oklch: oklch(0.545 0.042 47.9);
}
.element {
color: var(--quartersawn-oak);
background-color: hsl(20 19% 44%);
border-color: oklch(0.545 0.042 47.9);
}Tailwind CSS v4
@theme {
--color-quartersawn-oak: #85695b;
--color-quartersawn-oak-50: #fff2eb;
--color-quartersawn-oak-100: #f4e4dc;
--color-quartersawn-oak-200: #e4d0c5;
--color-quartersawn-oak-300: #cab2a5;
--color-quartersawn-oak-400: #b49889;
--color-quartersawn-oak-500: #9e7e6e;
--color-quartersawn-oak-600: #866b5e;
--color-quartersawn-oak-700: #6b554b;
--color-quartersawn-oak-800: #4f3e36;
--color-quartersawn-oak-900: #372b25;
--color-quartersawn-oak-950: #221814;
}SCSS
$quartersawn-oak: #85695b;
$quartersawn-oak-rgb: 133, 105, 91;
$quartersawn-oak-light: mix(#fff, $quartersawn-oak, 20%);
$quartersawn-oak-dark: mix(#000, $quartersawn-oak, 20%);
.element {
color: $quartersawn-oak;
box-shadow: 0 0 0 2px rgba($quartersawn-oak, 0.35);
}