Nearest named color · #A57A3E
#A57A3E
Nearest named color: Driftwood
#A57A3E (rgb(165 122 62), hsl(35 45% 45%), oklch(0.61 0.094 73.5)) is closest to the named color Driftwood. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A57A3E
oklch(0.61 0.094 73.5)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- AE8752
- B79466
- C0A179
- C9AE8C
- D2BB9E
- DBC9B1
- E4D6C5
- EDE4D8
- F6F1EB
Shades
- 8F6935
- 79592B
- 654923
- 513A1A
- 3D2B12
- 2B1D0A
- 1A1004
- 0A0501
- 010100
Tones
- A17B46
- 9E7C4E
- 9A7C55
- 977D5C
- 937E63
- 8F7E69
- 8C7F6F
- 887F75
- 84807A
Color harmonies
Complementary +180°
- A57A3E
Driftwood
- 5A86BA
≈ Handsome Hue
Analogous -30° +30°
- A57A3E
Driftwood
- B27054
≈ Sunburn
- 8D863E
≈ Apeland
Triadic +120° +240°
- A57A3E
Driftwood
- 289593
≈ Java
- 9772AB
≈ Ce Soir
Split-complementary +150° +210°
- A57A3E
Driftwood
- 368FAD
≈ Carol
- 7C7BBA
≈ Astro Zinger
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.85:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.45:1 · APCA Lc 36
Best text color: #000000
WCAG 5.45:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
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);
}