Color con nombre · #DCB89D
Wassail
Wassail es #DCB89D: rgb(220 184 157), hsl(26 47% 74%), oklch(0.807 0.056 58.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Wassail color name →
#DCB89D
oklch(0.807 0.056 58.7)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- E0BFA7
- E3C6B0
- E7CDBA
- EAD4C4
- EEDBCE
- F1E2D7
- F5E9E1
- F8F1EB
- FCF8F5
Sombras
- BFA088
- A38873
- 88715F
- 6E5B4C
- 54453A
- 3C3128
- 261E18
- 110C09
- 020201
Tonos
- D3B29A
- C9AD97
- C0A795
- B6A192
- AD9C8F
- A4968C
- 9B9189
- 928B86
- 898683
Armonías de color
Complementario +180°
- DCB89D
Wassail
- A0C6E0
≈ Sea Cliff
Análogo -30° +30°
- DCB89D
Wassail
- E2B3AC
≈ Stormy Pink
- CFBF98
≈ Garden Rain
Triádico +120° +240°
- DCB89D
Wassail
- 9ACCC0
≈ Thermal Aqua
- C4B9E0
≈ Melrose
Complementario dividido +150° +210°
- DCB89D
Wassail
- 96CBD3
≈ Gentle Aquamarine
- B1BFE5
≈ Spoiled Rotten
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.38:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.38:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
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);
}