Benoemde kleur · #96724C
Renwick Golden Oak
Renwick Golden Oak is #96724C: rgb(150 114 76), hsl(31 33% 44%), oklch(0.579 0.07 67.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Brown mean? → · Renwick Golden Oak color name →
#96724C
oklch(0.579 0.07 67.2)
Kleurconversies
- HEX
- #96724c
- RGB
- rgb(150 114 76)
- HSL
- hsl(31 33% 44%)
- HWB
- hwb(31 30% 41%)
- OKLCH
- oklch(0.579 0.07 67.2)
- OKLab
- oklab(0.579 0.027 0.064)
- CIE Lab
- lab(51.02 11.05 26.77)
- LCH
- lch(51.02 28.96 67.6)
- CMYK
- cmyk(0% 24% 49% 41%)
Tinten · Schaduwen · Tonen
Tinten
- A07F5D
- AB8D6F
- B59B80
- C0A991
- CAB7A3
- D5C5B5
- DFD3C7
- EAE2DA
- F4F0EC
Schaduwen
- 826241
- 6E5336
- 5B442C
- 493622
- 372818
- 261B0F
- 160E06
- 080402
- 010100
Tonen
- 947452
- 927557
- 90775D
- 8E7862
- 8C7967
- 897B6C
- 877C71
- 857D76
- 827F7B
Kleurharmonieën
Complementair +180°
- 96724C
Renwick Golden Oak
- 587EA2
≈ Borage
Analoog -30° +30°
- 96724C
Renwick Golden Oak
- 9F6B5C
≈ Russet Red
- 857A49
≈ Swamp Mud
Triadisch +120° +240°
- 96724C
Renwick Golden Oak
- 448781
≈ Carlisle
- 856F9B
≈ Baroness Mauve
Gesplitst complementair +150° +210°
- 96724C
Renwick Golden Oak
- 458495
≈ Turquesa
- 6F76A3
≈ Bleached Denim
Tetradisch +90° +180° +270°
- 96724C
Renwick Golden Oak
- 56876A
≈ Saltwater Depth
- 587EA2
≈ Borage
- 956A89
≈ Fruit of Passion
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.36:1 · APCA Lc 70
Ag
AAOp zwart
WCAG 4.80:1 · APCA Lc 31
Beste tekstkleur: #000000
WCAG 4.80:1 (AA) · APCA Lc 31
Contrast pairs
Codefragmenten
CSS
:root {
--renwick-golden-oak: #96724c;
--renwick-golden-oak-rgb: 150 114 76;
--renwick-golden-oak-oklch: oklch(0.579 0.07 67.2);
}
.element {
color: var(--renwick-golden-oak);
background-color: hsl(31 33% 44%);
border-color: oklch(0.579 0.07 67.2);
}Tailwind CSS v4
@theme {
--color-renwick-golden-oak: #96724c;
--color-renwick-golden-oak-50: #fff2e0;
--color-renwick-golden-oak-100: #f8e4cf;
--color-renwick-golden-oak-200: #e8d0b5;
--color-renwick-golden-oak-300: #cfb291;
--color-renwick-golden-oak-400: #bb9772;
--color-renwick-golden-oak-500: #a67d53;
--color-renwick-golden-oak-600: #8c6a46;
--color-renwick-golden-oak-700: #705538;
--color-renwick-golden-oak-800: #533d28;
--color-renwick-golden-oak-900: #3a2a1b;
--color-renwick-golden-oak-950: #24180b;
}SCSS
$renwick-golden-oak: #96724c;
$renwick-golden-oak-rgb: 150, 114, 76;
$renwick-golden-oak-light: mix(#fff, $renwick-golden-oak, 20%);
$renwick-golden-oak-dark: mix(#000, $renwick-golden-oak, 20%);
.element {
color: $renwick-golden-oak;
box-shadow: 0 0 0 2px rgba($renwick-golden-oak, 0.35);
}