Nazwany kolor · #85695B
Quartersawn Oak
Quartersawn Oak to #85695B: rgb(133 105 91), hsl(20 19% 44%), oklch(0.545 0.042 47.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Quartersawn Oak color name →
#85695B
oklch(0.545 0.042 47.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91776A
- 9D857A
- A99489
- B5A299
- C1B1AA
- CDC0BA
- D9D0CB
- E6DFDC
- F2EFED
Odcienie ciemniejsze
- 735A4E
- 614C41
- 503E35
- 403129
- 30241E
- 211813
- 130C09
- 060403
- 010000
Tony
- 856B5F
- 846E62
- 847066
- 83726A
- 83756E
- 827771
- 827975
- 817B79
- 817E7C
Harmonie kolorów
Komplementarna +180°
- 85695B
Quartersawn Oak
- 567583
≈ San Miguel Blue
Analogowa -30° +30°
- 85695B
Quartersawn Oak
- 876667
≈ Brazil Nut
- 7E6D55
≈ Ye Olde Rustic Colour
Triada +120° +240°
- 85695B
Quartersawn Oak
- 58786B
≈ Stately Stems
- 6E6C88
≈ Dark Prince
Komplementarna rozszczepiona +150° +210°
- 85695B
Quartersawn Oak
- 537879
≈ Breaker Bay
- 617189
≈ Blue Cloud
Tetrada +90° +180° +270°
- 85695B
Quartersawn Oak
- 64765E
≈ Lignum Vitœ Foliage
- 567583
≈ San Miguel Blue
- 7A6980
≈ Purplish Grey
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.03:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.16:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
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);
}