Benoemde kleur · #BD9D7E
Tailored Tan
Tailored Tan is #BD9D7E: rgb(189 157 126), hsl(30 32% 62%), oklch(0.717 0.057 65.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Tailored Tan color name →
#BD9D7E
oklch(0.717 0.057 65.8)
Kleurconversies
- HEX
- #bd9d7e
- RGB
- rgb(189 157 126)
- HSL
- hsl(30 32% 62%)
- HWB
- hwb(30 49% 26%)
- OKLCH
- oklch(0.717 0.057 65.8)
- OKLab
- oklab(0.717 0.023 0.052)
- CIE Lab
- lab(67.09 8.92 20.94)
- LCH
- lch(67.09 22.76 66.9)
- CMYK
- cmyk(0% 17% 33% 26%)
Tinten · Schaduwen · Tonen
Tinten
- C4A78B
- CAB097
- D1BAA4
- D7C3B1
- DECDBD
- E5D7CA
- EBE1D7
- F2EBE4
- F8F5F2
Schaduwen
- A4886D
- 8C735C
- 745F4C
- 5D4C3C
- 473A2D
- 33281F
- 1F1811
- 0D0905
- 020101
Tonen
- B79A7E
- B1977F
- AB947F
- A4927F
- 9E8F80
- 988C80
- 928980
- 8C8680
- 868380
Kleurharmonieën
Complementair +180°
- BD9D7E
Tailored Tan
- 86A8C6
≈ High Tide
Analoog -30° +30°
- BD9D7E
Tailored Tan
- C5988B
≈ Persian Bazaar
- AEA47B
≈ Gold Infusion
Triadisch +120° +240°
- BD9D7E
Tailored Tan
- 7AB0A9
≈ Galaxy Green
- AC9BC1
≈ Purple Springs
Gesplitst complementair +150° +210°
- BD9D7E
Tailored Tan
- 7AADBB
≈ Blue Eye Samurai
- 99A1C8
≈ Fields of Heather
Tetradisch +90° +180° +270°
- BD9D7E
Tailored Tan
- 87AF95
≈ Covent Garden
- 86A8C6
≈ High Tide
- BB97B2
≈ Cherished
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.53:1 · APCA Lc 50
Ag
AAAOp zwart
WCAG 8.28:1 · APCA Lc 52
Beste tekstkleur: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Codefragmenten
CSS
:root {
--tailored-tan: #bd9d7e;
--tailored-tan-rgb: 189 157 126;
--tailored-tan-oklch: oklch(0.717 0.057 65.8);
}
.element {
color: var(--tailored-tan);
background-color: hsl(30 32% 62%);
border-color: oklch(0.717 0.057 65.8);
}Tailwind CSS v4
@theme {
--color-tailored-tan: #bd9d7e;
--color-tailored-tan-50: #fff3e4;
--color-tailored-tan-100: #f5e5d4;
--color-tailored-tan-200: #e5d0bb;
--color-tailored-tan-300: #ccb299;
--color-tailored-tan-400: #b6987b;
--color-tailored-tan-500: #a17f5d;
--color-tailored-tan-600: #886b4f;
--color-tailored-tan-700: #6d563f;
--color-tailored-tan-800: #513e2d;
--color-tailored-tan-900: #382b1f;
--color-tailored-tan-950: #23180e;
}SCSS
$tailored-tan: #bd9d7e;
$tailored-tan-rgb: 189, 157, 126;
$tailored-tan-light: mix(#fff, $tailored-tan, 20%);
$tailored-tan-dark: mix(#000, $tailored-tan, 20%);
.element {
color: $tailored-tan;
box-shadow: 0 0 0 2px rgba($tailored-tan, 0.35);
}