Color con nombre más cercano · #A59897
#A59897
Color con nombre más cercano: Walkway
#A59897 (rgb(165 152 151), hsl(4 7% 62%), oklch(0.691 0.015 22.9)) se parece más al color con nombre Walkway. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#A59897
oklch(0.691 0.015 22.9)
Conversiones de color
- HEX
- #a59897
- RGB
- rgb(165 152 151)
- HSL
- hsl(4 7% 62%)
- HWB
- hwb(4 59% 35%)
- OKLCH
- oklch(0.691 0.015 22.9)
- OKLab
- oklab(0.691 0.014 0.006)
- CIE Lab
- lab(63.96 4.81 2.35)
- LCH
- lch(63.96 5.35 26)
- CMYK
- cmyk(0% 8% 8% 35%)
Tintes · Sombras · Tonos
Tintes
- AEA2A1
- B6ACAB
- BFB6B5
- C8C0BF
- D1CACA
- DAD5D4
- E3DFDF
- ECEAE9
- F6F4F4
Sombras
- 8F8483
- 79706F
- 655C5C
- 514A49
- 3D3837
- 2B2726
- 1A1717
- 0A0808
- 010101
Tonos
- A19695
- 9E9392
- 9A9190
- 968E8E
- 928C8B
- 8F8A89
- 8B8787
- 878585
- 848282
Armonías de color
Complementario +180°
- A59897
Walkway
- 919FA0
≈ Rain Cloud
Análogo -30° +30°
- A59897
Walkway
- A4989C
≈ Walkway
- A49993
≈ Twilight Taupe
Triádico +120° +240°
- A59897
Walkway
- 969E95
≈ Acacia Haze
- 969CA5
≈ Dusky Mood
Complementario dividido +150° +210°
- A59897
Walkway
- 929F9A
≈ Kathleen’s Garden
- 939DA4
≈ Soft Pumice
Tetrádico +90° +180° +270°
- A59897
Walkway
- 9B9D92
≈ Dawn
- 919FA0
≈ Rain Cloud
- 9B9AA5
≈ Colorado Peak
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.53:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--walkway: #a59897;
--walkway-rgb: 165 152 151;
--walkway-oklch: oklch(0.691 0.015 22.9);
}
.element {
color: var(--walkway);
background-color: hsl(4 7% 62%);
border-color: oklch(0.691 0.015 22.9);
}Tailwind CSS v4
@theme {
--color-walkway: #a59897;
--color-walkway-50: #faf3f3;
--color-walkway-100: #ede6e5;
--color-walkway-200: #dbd2d1;
--color-walkway-300: #bfb4b3;
--color-walkway-400: #a79b9a;
--color-walkway-500: #908281;
--color-walkway-600: #7a6e6d;
--color-walkway-700: #625858;
--color-walkway-800: #484040;
--color-walkway-900: #322c2c;
--color-walkway-950: #1e1919;
}SCSS
$walkway: #a59897;
$walkway-rgb: 165, 152, 151;
$walkway-light: mix(#fff, $walkway, 20%);
$walkway-dark: mix(#000, $walkway, 20%);
.element {
color: $walkway;
box-shadow: 0 0 0 2px rgba($walkway, 0.35);
}