Colore con nome più vicino · #A57A3E
#A57A3E
Colore con nome più vicino: Driftwood
#A57A3E (rgb(165 122 62), hsl(35 45% 45%), oklch(0.61 0.094 73.5)) è più vicino al colore con nome Driftwood. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A57A3E
oklch(0.61 0.094 73.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- AE8752
- B79466
- C0A179
- C9AE8C
- D2BB9E
- DBC9B1
- E4D6C5
- EDE4D8
- F6F1EB
Ombre
- 8F6935
- 79592B
- 654923
- 513A1A
- 3D2B12
- 2B1D0A
- 1A1004
- 0A0501
- 010100
Toni
- A17B46
- 9E7C4E
- 9A7C55
- 977D5C
- 937E63
- 8F7E69
- 8C7F6F
- 887F75
- 84807A
Armonie di colore
Complementare +180°
- A57A3E
Driftwood
- 5A86BA
≈ Handsome Hue
Analogo -30° +30°
- A57A3E
Driftwood
- B27054
≈ Sunburn
- 8D863E
≈ Apeland
Triadico +120° +240°
- A57A3E
Driftwood
- 289593
≈ Java
- 9772AB
≈ Ce Soir
Complementare divisa +150° +210°
- A57A3E
Driftwood
- 368FAD
≈ Carol
- 7C7BBA
≈ Astro Zinger
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.85:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.45:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
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);
}