Dichtstbijzijnde benoemde kleur · #8B6353
#8B6353
Dichtstbijzijnde benoemde kleur: Weathered Leather
#8B6353 (rgb(139 99 83), hsl(17 25% 44%), oklch(0.537 0.058 42.7)) komt het dichtst bij de benoemde kleur Weathered Leather. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8B6353
oklch(0.537 0.058 42.7)
Kleurconversies
- HEX
- #8b6353
- RGB
- rgb(139 99 83)
- HSL
- hsl(17 25% 44%)
- HWB
- hwb(17 33% 45%)
- OKLCH
- oklch(0.537 0.058 42.7)
- OKLab
- oklab(0.537 0.042 0.039)
- CIE Lab
- lab(45.93 15.09 15.86)
- LCH
- lch(45.93 21.89 46.4)
- CMYK
- cmyk(0% 29% 40% 45%)
Tinten · Schaduwen · Tonen
Tinten
- 977263
- A28073
- AE8F84
- B99F94
- C5AEA5
- D0BEB7
- DCCEC9
- E8DEDA
- F3EEED
Schaduwen
- 785547
- 66473B
- 543A30
- 432E25
- 32211B
- 231611
- 140B08
- 070302
- 010000
Tonen
- 8A6658
- 89695C
- 886C61
- 876F65
- 86726A
- 85756E
- 847873
- 837A77
- 817D7C
Kleurharmonieën
Complementair +180°
- 8B6353
Weathered Leather
- 467686
≈ Majestic Mountain
Analoog -30° +30°
- 8B6353
Weathered Leather
- 8C6064
≈ Cherry Cocoa
- 836948
≈ Golden Summer
Triadisch +120° +240°
- 8B6353
Weathered Leather
- 4E7964
≈ Kendal Green
- 696A8F
≈ Wild Wisteria
Gesplitst complementair +150° +210°
- 8B6353
Weathered Leather
- 437977
≈ Faded Jade
- 56708F
≈ Moonlight Blue
Tetradisch +90° +180° +270°
- 8B6353
Weathered Leather
- 617552
≈ Vineyard Green
- 467686
≈ Majestic Mountain
- 7A6486
≈ Matriarch
Contrast en toegankelijkheid
Ag
AAOp wit
WCAG 5.24:1 · APCA Lc 76
Ag
FailOp zwart
WCAG 4.00:1 · APCA Lc 26
Beste tekstkleur: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Codefragmenten
CSS
:root {
--weathered-leather: #8b6353;
--weathered-leather-rgb: 139 99 83;
--weathered-leather-oklch: oklch(0.537 0.058 42.7);
}
.element {
color: var(--weathered-leather);
background-color: hsl(17 25% 44%);
border-color: oklch(0.537 0.058 42.7);
}Tailwind CSS v4
@theme {
--color-weathered-leather: #8b6353;
--color-weathered-leather-50: #fff0e8;
--color-weathered-leather-100: #fae2d8;
--color-weathered-leather-200: #ebcdc0;
--color-weathered-leather-300: #d2afa0;
--color-weathered-leather-400: #bd9484;
--color-weathered-leather-500: #a87a68;
--color-weathered-leather-600: #8e6758;
--color-weathered-leather-700: #725346;
--color-weathered-leather-800: #543c33;
--color-weathered-leather-900: #3b2923;
--color-weathered-leather-950: #251712;
}SCSS
$weathered-leather: #8b6353;
$weathered-leather-rgb: 139, 99, 83;
$weathered-leather-light: mix(#fff, $weathered-leather, 20%);
$weathered-leather-dark: mix(#000, $weathered-leather, 20%);
.element {
color: $weathered-leather;
box-shadow: 0 0 0 2px rgba($weathered-leather, 0.35);
}