Colore con nome · #D1B26F
Tan
Tan è #D1B26F: rgb(209 178 111), hsl(41 52% 63%), oklch(0.776 0.093 85.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Tan color name →
#D1B26F
oklch(0.776 0.093 85.5)
Conversioni di colore
- HEX
- #d1b26f
- RGB
- rgb(209 178 111)
- HSL
- hsl(41 52% 63%)
- HWB
- hwb(41 44% 18%)
- OKLCH
- oklch(0.776 0.093 85.5)
- OKLab
- oklab(0.776 0.007 0.093)
- CIE Lab
- lab(74.23 5.19 38.47)
- LCH
- lch(74.23 38.82 82.3)
- CMYK
- cmyk(0% 15% 47% 18%)
Tinte · Ombre · Toni
Tinte
- D6BA7E
- DAC18D
- DFC99B
- E3D1AA
- E8D8B8
- EDE0C6
- F1E8D4
- F6F0E3
- FAF7F1
Ombre
- B59A60
- 9B8351
- 816D42
- 685734
- 504327
- 392F1A
- 231D0E
- 100C04
- 020101
Toni
- C9AD72
- C0A874
- B8A377
- B09E78
- A8997A
- A0947C
- 988F7D
- 908A7E
- 88857F
Armonie di colore
Complementare +180°
- D1B26F
Tan
- 9AB5F2
≈ Wondrous Wisteria
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.03:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.30:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
CSS
:root {
--tan: #d1b26f;
--tan-rgb: 209 178 111;
--tan-oklch: oklch(0.776 0.093 85.5);
}
.element {
color: var(--tan);
background-color: hsl(41 52% 63%);
border-color: oklch(0.776 0.093 85.5);
}Tailwind CSS v4
@theme {
--color-tan: #d1b26f;
--color-tan-50: #fff4d8;
--color-tan-100: #f5e7c5;
--color-tan-200: #e5d3a7;
--color-tan-300: #ccb580;
--color-tan-400: #b79b5c;
--color-tan-500: #a28135;
--color-tan-600: #896d2e;
--color-tan-700: #6e5725;
--color-tan-800: #523f19;
--color-tan-900: #392c10;
--color-tan-950: #231903;
}SCSS
$tan: #d1b26f;
$tan-rgb: 209, 178, 111;
$tan-light: mix(#fff, $tan, 20%);
$tan-dark: mix(#000, $tan, 20%);
.element {
color: $tan;
box-shadow: 0 0 0 2px rgba($tan, 0.35);
}