Nazwany kolor · #BD9D7E
Tailored Tan
Tailored Tan to #BD9D7E: rgb(189 157 126), hsl(30 32% 62%), oklch(0.717 0.057 65.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Tailored Tan color name →
#BD9D7E
oklch(0.717 0.057 65.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C4A78B
- CAB097
- D1BAA4
- D7C3B1
- DECDBD
- E5D7CA
- EBE1D7
- F2EBE4
- F8F5F2
Odcienie ciemniejsze
- A4886D
- 8C735C
- 745F4C
- 5D4C3C
- 473A2D
- 33281F
- 1F1811
- 0D0905
- 020101
Tony
- B79A7E
- B1977F
- AB947F
- A4927F
- 9E8F80
- 988C80
- 928980
- 8C8680
- 868380
Harmonie kolorów
Komplementarna +180°
- BD9D7E
Tailored Tan
- 86A8C6
≈ High Tide
Analogowa -30° +30°
- BD9D7E
Tailored Tan
- C5988B
≈ Persian Bazaar
- AEA47B
≈ Gold Infusion
Triada +120° +240°
- BD9D7E
Tailored Tan
- 7AB0A9
≈ Galaxy Green
- AC9BC1
≈ Purple Springs
Komplementarna rozszczepiona +150° +210°
- BD9D7E
Tailored Tan
- 7AADBB
≈ Blue Eye Samurai
- 99A1C8
≈ Fields of Heather
Tetrada +90° +180° +270°
- BD9D7E
Tailored Tan
- 87AF95
≈ Covent Garden
- 86A8C6
≈ High Tide
- BB97B2
≈ Cherished
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.53:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.28:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.28:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
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);
}