Colore con nome · #BD9872
Wilmington Tan
Wilmington Tan è #BD9872: rgb(189 152 114), hsl(30 36% 59%), oklch(0.705 0.068 67.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Wilmington Tan color name →
#BD9872
oklch(0.705 0.068 67.1)
Conversioni di colore
- HEX
- #bd9872
- RGB
- rgb(189 152 114)
- HSL
- hsl(30 36% 59%)
- HWB
- hwb(30 45% 26%)
- OKLCH
- oklch(0.705 0.068 67.1)
- OKLab
- oklab(0.705 0.027 0.063)
- CIE Lab
- lab(65.63 10.45 25.53)
- LCH
- lch(65.63 27.59 67.7)
- CMYK
- cmyk(0% 20% 40% 26%)
Tinte · Ombre · Toni
Tinte
- C4A280
- CAAC8E
- D1B69C
- D8C0A9
- DECBB7
- E5D5C6
- EBDFD4
- F2EAE2
- F8F4F0
Ombre
- A48462
- 8C7053
- 745C44
- 5D4A36
- 473828
- 33271B
- 1F170E
- 0D0804
- 020101
Toni
- B79674
- B19376
- AB9177
- A58F79
- 9E8C7A
- 988A7B
- 92877D
- 8C857E
- 86827F
Armonie di colore
Complementare +180°
- BD9872
Wilmington Tan
- 7DA4C9
≈ Seaborne
Analogo -30° +30°
- BD9872
Wilmington Tan
- C69182
≈ Black Hills Gold
- ABA06F
≈ Zucchini Garden
Triadico +120° +240°
- BD9872
Wilmington Tan
- 6CAEA7
≈ Turquoise Fantasies
- AB95C2
≈ Enchanted Lilac
Complementare divisa +150° +210°
- BD9872
Wilmington Tan
- 6DABBC
≈ Snowboard
- 959CCB
≈ Velvet Robe
Tetradico +90° +180° +270°
- BD9872
Wilmington Tan
- 7CAD8F
≈ Nature Green
- 7DA4C9
≈ Seaborne
- BC90AF
≈ Fabulous Fantasy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.89:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.89:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--wilmington-tan: #bd9872;
--wilmington-tan-rgb: 189 152 114;
--wilmington-tan-oklch: oklch(0.705 0.068 67.1);
}
.element {
color: var(--wilmington-tan);
background-color: hsl(30 36% 59%);
border-color: oklch(0.705 0.068 67.1);
}Tailwind CSS v4
@theme {
--color-wilmington-tan: #bd9872;
--color-wilmington-tan-50: #fff2e1;
--color-wilmington-tan-100: #f7e4d0;
--color-wilmington-tan-200: #e8d0b6;
--color-wilmington-tan-300: #cfb292;
--color-wilmington-tan-400: #ba9773;
--color-wilmington-tan-500: #a57d54;
--color-wilmington-tan-600: #8b6a48;
--color-wilmington-tan-700: #705539;
--color-wilmington-tan-800: #533e29;
--color-wilmington-tan-900: #3a2a1b;
--color-wilmington-tan-950: #24180c;
}SCSS
$wilmington-tan: #bd9872;
$wilmington-tan-rgb: 189, 152, 114;
$wilmington-tan-light: mix(#fff, $wilmington-tan, 20%);
$wilmington-tan-dark: mix(#000, $wilmington-tan, 20%);
.element {
color: $wilmington-tan;
box-shadow: 0 0 0 2px rgba($wilmington-tan, 0.35);
}