Named color · #D6AE9A
Adobe Village
Adobe Village is #D6AE9A: rgb(214 174 154), hsl(20 42% 72%), oklch(0.781 0.055 48). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Adobe Village color name →
#D6AE9A
oklch(0.781 0.055 48)
Color conversions
- HEX
- #d6ae9a
- RGB
- rgb(214 174 154)
- HSL
- hsl(20 42% 72%)
- HWB
- hwb(20 60% 16%)
- OKLCH
- oklch(0.781 0.055 48)
- OKLab
- oklab(0.781 0.037 0.041)
- CIE Lab
- lab(74.36 12.88 16.09)
- LCH
- lch(74.36 20.61 51.3)
- CMYK
- cmyk(0% 19% 28% 16%)
Tints · Shades · Tones
Tints
- DAB6A4
- DFBEAE
- E3C6B8
- E7CEC2
- EBD6CC
- EFDED6
- F3E6E0
- F7EFEA
- FBF7F5
Shades
- BA9785
- 9E8071
- 846A5E
- 6A554B
- 524139
- 3B2E27
- 251C17
- 100B09
- 020101
Tones
- CDA997
- C4A595
- BCA092
- B39C90
- AB978D
- A2928B
- 998E88
- 918985
- 888583
Color harmonies
Complementary +180°
- D6AE9A
Adobe Village
- 94BFD4
≈ Speedboat
Analogous -30° +30°
- D6AE9A
Adobe Village
- D9AAAB
≈ Silver Pink
- CBB491
≈ Windsor Toffee
Triadic +120° +240°
- D6AE9A
Adobe Village
- 96C4B1
≈ Bella Green
- B5B3DA
≈ Beloved
Split-complementary +150° +210°
- D6AE9A
Adobe Village
- 8FC3C4
≈ Cabana Bay
- A3B9DB
≈ Fairies in America
Tetradic +90° +180° +270°
- D6AE9A
Adobe Village
- A7C19F
≈ Pale Mint
- 94BFD4
≈ Speedboat
- C7ADCF
≈ Orchid Bloom
Contrast & accessibility
Ag
FailOn white
WCAG 2.02:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.38:1 · APCA Lc 63
Best text color: #000000
WCAG 10.38:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--adobe-village: #d6ae9a;
--adobe-village-rgb: 214 174 154;
--adobe-village-oklch: oklch(0.781 0.055 48);
}
.element {
color: var(--adobe-village);
background-color: hsl(20 42% 72%);
border-color: oklch(0.781 0.055 48);
}Tailwind CSS v4
@theme {
--color-adobe-village: #d6ae9a;
--color-adobe-village-50: #fff1e8;
--color-adobe-village-100: #f8e3d8;
--color-adobe-village-200: #e9cec0;
--color-adobe-village-300: #cfb09f;
--color-adobe-village-400: #ba9583;
--color-adobe-village-500: #a57c67;
--color-adobe-village-600: #8b6957;
--color-adobe-village-700: #705446;
--color-adobe-village-800: #533d32;
--color-adobe-village-900: #3a2a22;
--color-adobe-village-950: #241711;
}SCSS
$adobe-village: #d6ae9a;
$adobe-village-rgb: 214, 174, 154;
$adobe-village-light: mix(#fff, $adobe-village, 20%);
$adobe-village-dark: mix(#000, $adobe-village, 20%);
.element {
color: $adobe-village;
box-shadow: 0 0 0 2px rgba($adobe-village, 0.35);
}