Colore con nome · #DCB89D
Wassail
Wassail è #DCB89D: rgb(220 184 157), hsl(26 47% 74%), oklch(0.807 0.056 58.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Wassail color name →
#DCB89D
oklch(0.807 0.056 58.7)
Conversioni di colore
- HEX
- #dcb89d
- RGB
- rgb(220 184 157)
- HSL
- hsl(26 47% 74%)
- HWB
- hwb(26 62% 14%)
- OKLCH
- oklch(0.807 0.056 58.7)
- OKLab
- oklab(0.807 0.029 0.047)
- CIE Lab
- lab(77.48 10.46 18.86)
- LCH
- lch(77.48 21.56 61)
- CMYK
- cmyk(0% 16% 29% 14%)
Tinte · Ombre · Toni
Tinte
- E0BFA7
- E3C6B0
- E7CDBA
- EAD4C4
- EEDBCE
- F1E2D7
- F5E9E1
- F8F1EB
- FCF8F5
Ombre
- BFA088
- A38873
- 88715F
- 6E5B4C
- 54453A
- 3C3128
- 261E18
- 110C09
- 020201
Toni
- D3B29A
- C9AD97
- C0A795
- B6A192
- AD9C8F
- A4968C
- 9B9189
- 928B86
- 898683
Armonie di colore
Complementare +180°
- DCB89D
Wassail
- A0C6E0
≈ Sea Cliff
Analogo -30° +30°
- DCB89D
Wassail
- E2B3AC
≈ Stormy Pink
- CFBF98
≈ Garden Rain
Triadico +120° +240°
- DCB89D
Wassail
- 9ACCC0
≈ Thermal Aqua
- C4B9E0
≈ Melrose
Complementare divisa +150° +210°
- DCB89D
Wassail
- 96CBD3
≈ Gentle Aquamarine
- B1BFE5
≈ Spoiled Rotten
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.38:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
CSS
:root {
--wassail: #dcb89d;
--wassail-rgb: 220 184 157;
--wassail-oklch: oklch(0.807 0.056 58.7);
}
.element {
color: var(--wassail);
background-color: hsl(26 47% 74%);
border-color: oklch(0.807 0.056 58.7);
}Tailwind CSS v4
@theme {
--color-wassail: #dcb89d;
--color-wassail-50: #fff2e6;
--color-wassail-100: #f6e4d6;
--color-wassail-200: #e7cfbd;
--color-wassail-300: #cdb19b;
--color-wassail-400: #b8977e;
--color-wassail-500: #a27d61;
--color-wassail-600: #896a53;
--color-wassail-700: #6e5542;
--color-wassail-800: #513e30;
--color-wassail-900: #392a20;
--color-wassail-950: #231810;
}SCSS
$wassail: #dcb89d;
$wassail-rgb: 220, 184, 157;
$wassail-light: mix(#fff, $wassail, 20%);
$wassail-dark: mix(#000, $wassail, 20%);
.element {
color: $wassail;
box-shadow: 0 0 0 2px rgba($wassail, 0.35);
}