Color con nombre · #8F666A
Deadlock
Deadlock es #8F666A: rgb(143 102 106), hsl(354 17% 48%), oklch(0.554 0.053 12.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Deadlock color name →
#8F666A
oklch(0.554 0.053 12.5)
Conversiones de color
- HEX
- #8f666a
- RGB
- rgb(143 102 106)
- HSL
- hsl(354 17% 48%)
- HWB
- hwb(354 40% 44%)
- OKLCH
- oklch(0.554 0.053 12.5)
- OKLab
- oklab(0.554 0.052 0.011)
- CIE Lab
- lab(47.64 17.45 4.65)
- LCH
- lch(47.64 18.06 14.9)
- CMYK
- cmyk(0% 29% 26% 44%)
Tintes · Sombras · Tonos
Tintes
- 9A7478
- A58386
- B09294
- BCA1A3
- C7B0B2
- D2BFC1
- DDCFD0
- E8DFDF
- F4EFEF
Sombras
- 7C585B
- 694A4D
- 573C3F
- 452F31
- 342324
- 241718
- 150C0D
- 070404
- 010000
Tonos
- 8E696C
- 8D6B6E
- 8B6E71
- 8A7173
- 887375
- 877677
- 857879
- 847B7C
- 827D7E
Armonías de color
Complementario +180°
- 8F666A
Deadlock
- 4C7D7B
≈ Breaker Bay
Análogo -30° +30°
- 8F666A
Deadlock
- 89667B
≈ Sweet Violet
- 8E695A
≈ Rio Rust
Triádico +120° +240°
- 8F666A
Deadlock
- 677A59
≈ Silver Willow Green
- 5C7591
≈ Laguna Blue
Complementario dividido +150° +210°
- 8F666A
Deadlock
- 567D69
≈ Juniper Green
- 4F7A89
≈ Sky Space
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.91:1 · APCA Lc 74
Ag
FailSobre negro
WCAG 4.27:1 · APCA Lc 28
Mejor color de texto: #FFFFFF
WCAG 4.91:1 (AA) · APCA Lc 74
Contrast pairs
Fragmentos de código
CSS
:root {
--deadlock: #8f666a;
--deadlock-rgb: 143 102 106;
--deadlock-oklch: oklch(0.554 0.053 12.5);
}
.element {
color: var(--deadlock);
background-color: hsl(354 17% 48%);
border-color: oklch(0.554 0.053 12.5);
}Tailwind CSS v4
@theme {
--color-deadlock: #8f666a;
--color-deadlock-50: #ffeff0;
--color-deadlock-100: #f9e1e2;
--color-deadlock-200: #eacccd;
--color-deadlock-300: #d1adaf;
--color-deadlock-400: #bc9296;
--color-deadlock-500: #a6787c;
--color-deadlock-600: #8d6669;
--color-deadlock-700: #715154;
--color-deadlock-800: #533b3e;
--color-deadlock-900: #3a282b;
--color-deadlock-950: #241618;
}SCSS
$deadlock: #8f666a;
$deadlock-rgb: 143, 102, 106;
$deadlock-light: mix(#fff, $deadlock, 20%);
$deadlock-dark: mix(#000, $deadlock, 20%);
.element {
color: $deadlock;
box-shadow: 0 0 0 2px rgba($deadlock, 0.35);
}