Benoemde kleur · #96711F
Mode Beige
Mode Beige is #96711F: rgb(150 113 31), hsl(41 66% 35%), oklch(0.571 0.106 82.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Brown mean? → · Mode Beige color name →
#96711F
oklch(0.571 0.106 82.7)
Kleurconversies
- HEX
- #96711f
- RGB
- rgb(150 113 31)
- HSL
- hsl(41 66% 35%)
- HWB
- hwb(41 12% 41%)
- OKLCH
- oklch(0.571 0.106 82.7)
- OKLab
- oklab(0.571 0.013 0.105)
- CIE Lab
- lab(50.34 9.29 48.08)
- LCH
- lch(50.34 48.97 79.1)
- CMYK
- cmyk(0% 25% 79% 41%)
Tinten · Schaduwen · Tonen
Tinten
- A07F3B
- AB8D53
- B59A69
- BFA97E
- CAB793
- D4C5A8
- DFD3BE
- EAE2D3
- F4F0E9
Schaduwen
- 826119
- 6E5214
- 5B430F
- 49350A
- 372706
- 261A03
- 160E01
- 080400
- 010100
Tonen
- 94732E
- 92753B
- 907645
- 8E784F
- 8B7958
- 897B60
- 877C69
- 857E71
- 827F78
Kleurharmonieën
Complementair +180°
- 96711F
Mode Beige
- 5677B6
≈ Diva Violet
Analoog -30° +30°
- 96711F
Mode Beige
- A86538
≈ Camel Brown
- 797E2B
≈ Pacifika
Triadisch +120° +240°
- 96711F
Mode Beige
- 008891
≈ Tuscana Blue
- 95619C
≈ Aster Violetta
Gesplitst complementair +150° +210°
- 96711F
Mode Beige
- 2382AB
≈ Blue Paisley
- 7A6BB0
≈ Clear Mauve
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.48:1 · APCA Lc 71
Ag
AAOp zwart
WCAG 4.67:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.67:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--mode-beige: #96711f;
--mode-beige-rgb: 150 113 31;
--mode-beige-oklch: oklch(0.571 0.106 82.7);
}
.element {
color: var(--mode-beige);
background-color: hsl(41 66% 35%);
border-color: oklch(0.571 0.106 82.7);
}Tailwind CSS v4
@theme {
--color-mode-beige: #96711f;
--color-mode-beige-50: #fff3d4;
--color-mode-beige-100: #f8e6c0;
--color-mode-beige-200: #e9d1a1;
--color-mode-beige-300: #d0b478;
--color-mode-beige-400: #bd9851;
--color-mode-beige-500: #a87f21;
--color-mode-beige-600: #8e6b1f;
--color-mode-beige-700: #725619;
--color-mode-beige-800: #553e10;
--color-mode-beige-900: #3b2b0a;
--color-mode-beige-950: #251800;
}SCSS
$mode-beige: #96711f;
$mode-beige-rgb: 150, 113, 31;
$mode-beige-light: mix(#fff, $mode-beige, 20%);
$mode-beige-dark: mix(#000, $mode-beige, 20%);
.element {
color: $mode-beige;
box-shadow: 0 0 0 2px rgba($mode-beige, 0.35);
}