Color con nombre más cercano · #A57A3E
#A57A3E
Color con nombre más cercano: Driftwood
#A57A3E (rgb(165 122 62), hsl(35 45% 45%), oklch(0.61 0.094 73.5)) se parece más al color con nombre Driftwood. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#A57A3E
oklch(0.61 0.094 73.5)
Conversiones de color
- HEX
- #a57a3e
- RGB
- rgb(165 122 62)
- HSL
- hsl(35 45% 45%)
- HWB
- hwb(35 24% 35%)
- OKLCH
- oklch(0.61 0.094 73.5)
- OKLab
- oklab(0.61 0.027 0.09)
- CIE Lab
- lab(54.67 12.45 39.06)
- LCH
- lch(54.67 41 72.3)
- CMYK
- cmyk(0% 26% 62% 35%)
Tintes · Sombras · Tonos
Tintes
- AE8752
- B79466
- C0A179
- C9AE8C
- D2BB9E
- DBC9B1
- E4D6C5
- EDE4D8
- F6F1EB
Sombras
- 8F6935
- 79592B
- 654923
- 513A1A
- 3D2B12
- 2B1D0A
- 1A1004
- 0A0501
- 010100
Tonos
- A17B46
- 9E7C4E
- 9A7C55
- 977D5C
- 937E63
- 8F7E69
- 8C7F6F
- 887F75
- 84807A
Armonías de color
Complementario +180°
- A57A3E
Driftwood
- 5A86BA
≈ Handsome Hue
Análogo -30° +30°
- A57A3E
Driftwood
- B27054
≈ Sunburn
- 8D863E
≈ Apeland
Triádico +120° +240°
- A57A3E
Driftwood
- 289593
≈ Java
- 9772AB
≈ Ce Soir
Complementario dividido +150° +210°
- A57A3E
Driftwood
- 368FAD
≈ Carol
- 7C7BBA
≈ Astro Zinger
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.85:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.45:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
CSS
:root {
--driftwood: #a57a3e;
--driftwood-rgb: 165 122 62;
--driftwood-oklch: oklch(0.61 0.094 73.5);
}
.element {
color: var(--driftwood);
background-color: hsl(35 45% 45%);
border-color: oklch(0.61 0.094 73.5);
}Tailwind CSS v4
@theme {
--color-driftwood: #a57a3e;
--color-driftwood-50: #fff2d8;
--color-driftwood-100: #fbe4c6;
--color-driftwood-200: #eccfa8;
--color-driftwood-300: #d4b181;
--color-driftwood-400: #c0965e;
--color-driftwood-500: #ab7c37;
--color-driftwood-600: #916930;
--color-driftwood-700: #745426;
--color-driftwood-800: #573d1a;
--color-driftwood-900: #3c2a11;
--color-driftwood-950: #261704;
}SCSS
$driftwood: #a57a3e;
$driftwood-rgb: 165, 122, 62;
$driftwood-light: mix(#fff, $driftwood, 20%);
$driftwood-dark: mix(#000, $driftwood, 20%);
.element {
color: $driftwood;
box-shadow: 0 0 0 2px rgba($driftwood, 0.35);
}