Color con nombre · #A89C94
Sinister Mood
Sinister Mood es #A89C94: rgb(168 156 148), hsl(24 10% 62%), oklch(0.701 0.018 56.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Sinister Mood color name →
#A89C94
oklch(0.701 0.018 56.1)
Conversiones de color
- HEX
- #a89c94
- RGB
- rgb(168 156 148)
- HSL
- hsl(24 10% 62%)
- HWB
- hwb(24 58% 34%)
- OKLCH
- oklch(0.701 0.018 56.1)
- OKLab
- oklab(0.701 0.01 0.015)
- CIE Lab
- lab(65.23 3.5 5.87)
- LCH
- lch(65.23 6.83 59.2)
- CMYK
- cmyk(0% 7% 12% 34%)
Tintes · Sombras · Tonos
Tintes
- B0A59E
- B9AFA9
- C1B9B3
- CAC3BE
- D3CCC8
- DBD6D3
- E4E0DE
- EDEBE9
- F6F5F4
Sombras
- 928780
- 7C736D
- 675F5A
- 524C48
- 3F3936
- 2C2826
- 1A1816
- 0A0908
- 010101
Tonos
- A49992
- A09690
- 9C948E
- 98918C
- 948E8A
- 908B88
- 8C8886
- 888684
- 848382
Armonías de color
Complementario +180°
- A89C94
Sinister Mood
- 94A1A9
≈ Stormy Skies
Análogo -30° +30°
- A89C94
Sinister Mood
- AA9B99
≈ Powdered Brick
- A49E92
≈ Smoky Day
Triádico +120° +240°
- A89C94
Sinister Mood
- 93A39E
≈ Spruce Shade
- 9F9DA9
≈ Adhesion
Complementario dividido +150° +210°
- A89C94
Sinister Mood
- 92A2A4
≈ Cape Cod Blue
- 999FAA
≈ Shining Knight
Tetrádico +90° +180° +270°
- A89C94
Sinister Mood
- 98A298
≈ Nature’s Gift
- 94A1A9
≈ Stormy Skies
- A59BA5
≈ Native Lilac
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.67:1 · APCA Lc 52
Ag
AAASobre negro
WCAG 7.84:1 · APCA Lc 50
Mejor color de texto: #000000
WCAG 7.84:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmentos de código
CSS
:root {
--sinister-mood: #a89c94;
--sinister-mood-rgb: 168 156 148;
--sinister-mood-oklch: oklch(0.701 0.018 56.1);
}
.element {
color: var(--sinister-mood);
background-color: hsl(24 10% 62%);
border-color: oklch(0.701 0.018 56.1);
}Tailwind CSS v4
@theme {
--color-sinister-mood: #a89c94;
--color-sinister-mood-50: #f9f4f0;
--color-sinister-mood-100: #ede6e2;
--color-sinister-mood-200: #dad2cd;
--color-sinister-mood-300: #bfb5ae;
--color-sinister-mood-400: #a79c94;
--color-sinister-mood-500: #90837b;
--color-sinister-mood-600: #7a6f68;
--color-sinister-mood-700: #625953;
--color-sinister-mood-800: #48413d;
--color-sinister-mood-900: #322d2a;
--color-sinister-mood-950: #1e1a17;
}SCSS
$sinister-mood: #a89c94;
$sinister-mood-rgb: 168, 156, 148;
$sinister-mood-light: mix(#fff, $sinister-mood, 20%);
$sinister-mood-dark: mix(#000, $sinister-mood, 20%);
.element {
color: $sinister-mood;
box-shadow: 0 0 0 2px rgba($sinister-mood, 0.35);
}