Colore con nome · #85695B
Quartersawn Oak
Quartersawn Oak è #85695B: rgb(133 105 91), hsl(20 19% 44%), oklch(0.545 0.042 47.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Quartersawn Oak color name →
#85695B
oklch(0.545 0.042 47.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 91776A
- 9D857A
- A99489
- B5A299
- C1B1AA
- CDC0BA
- D9D0CB
- E6DFDC
- F2EFED
Ombre
- 735A4E
- 614C41
- 503E35
- 403129
- 30241E
- 211813
- 130C09
- 060403
- 010000
Toni
- 856B5F
- 846E62
- 847066
- 83726A
- 83756E
- 827771
- 827975
- 817B79
- 817E7C
Armonie di colore
Complementare +180°
- 85695B
Quartersawn Oak
- 567583
≈ San Miguel Blue
Analogo -30° +30°
- 85695B
Quartersawn Oak
- 876667
≈ Brazil Nut
- 7E6D55
≈ Ye Olde Rustic Colour
Triadico +120° +240°
- 85695B
Quartersawn Oak
- 58786B
≈ Stately Stems
- 6E6C88
≈ Dark Prince
Complementare divisa +150° +210°
- 85695B
Quartersawn Oak
- 537879
≈ Breaker Bay
- 617189
≈ Blue Cloud
Tetradico +90° +180° +270°
- 85695B
Quartersawn Oak
- 64765E
≈ Lignum Vitœ Foliage
- 567583
≈ San Miguel Blue
- 7A6980
≈ Purplish Grey
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.03:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.16:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
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);
}