Nearest named color · #AE7B76
#AE7B76
Nearest named color: Dusty Duchess
#AE7B76 (rgb(174 123 118), hsl(5 26% 57%), oklch(0.633 0.065 25.3)) is closest to the named color Dusty Duchess. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#AE7B76
oklch(0.633 0.065 25.3)
Color conversions
- HEX
- #ae7b76
- RGB
- rgb(174 123 118)
- HSL
- hsl(5 26% 57%)
- HWB
- hwb(5 46% 32%)
- OKLCH
- oklch(0.633 0.065 25.3)
- OKLab
- oklab(0.633 0.058 0.028)
- CIE Lab
- lab(56.8 19.97 11.09)
- LCH
- lch(56.8 22.84 29.1)
- CMYK
- cmyk(0% 29% 32% 32%)
Tints · Shades · Tones
Tints
- B68883
- BF9490
- C7A19D
- CFAEAB
- D7BBB8
- DFC9C6
- E7D6D4
- EFE4E2
- F7F1F1
Shades
- 976A66
- 805A56
- 6A4A47
- 553A38
- 412C29
- 2E1E1C
- 1C100F
- 0B0505
- 010101
Tones
- AA7C77
- A57C78
- A17D79
- 9C7D7A
- 987E7B
- 937E7C
- 8F7F7D
- 8A7F7E
- 85807F
Color harmonies
Complementary +180°
- AE7B76
Dusty Duchess
- 58969D
≈ Star City
Analogous -30° +30°
- AE7B76
Dusty Duchess
- AA7A8C
≈ Silken Raspberry
- A98064
≈ Medium Wood
Triadic +120° +240°
- AE7B76
Dusty Duchess
- 719572
≈ Tabbouleh
- 778AB2
≈ Ship Cove
Split-complementary +150° +210°
- AE7B76
Dusty Duchess
- 5E9788
≈ Fiddler
- 6391AC
≈ Treasure Map Waters
Tetradic +90° +180° +270°
- AE7B76
Dusty Duchess
- 888F62
≈ Green Coconut
- 58969D
≈ Star City
- 8D82AD
≈ Aster Purple
Contrast & accessibility
Ag
FailOn white
WCAG 3.56:1 · APCA Lc 63
Ag
AAOn black
WCAG 5.89:1 · APCA Lc 39
Best text color: #000000
WCAG 5.89:1 (AA) · APCA Lc 39
Contrast pairs
Code snippets
CSS
:root {
--dusty-duchess: #ae7b76;
--dusty-duchess-rgb: 174 123 118;
--dusty-duchess-oklch: oklch(0.633 0.065 25.3);
}
.element {
color: var(--dusty-duchess);
background-color: hsl(5 26% 57%);
border-color: oklch(0.633 0.065 25.3);
}Tailwind CSS v4
@theme {
--color-dusty-duchess: #ae7b76;
--color-dusty-duchess-50: #ffefeb;
--color-dusty-duchess-100: #fde0dc;
--color-dusty-duchess-200: #efcac5;
--color-dusty-duchess-300: #d7aba6;
--color-dusty-duchess-400: #c2908b;
--color-dusty-duchess-500: #ad7670;
--color-dusty-duchess-600: #92645f;
--color-dusty-duchess-700: #75504c;
--color-dusty-duchess-800: #573a38;
--color-dusty-duchess-900: #3d2726;
--color-dusty-duchess-950: #261514;
}SCSS
$dusty-duchess: #ae7b76;
$dusty-duchess-rgb: 174, 123, 118;
$dusty-duchess-light: mix(#fff, $dusty-duchess, 20%);
$dusty-duchess-dark: mix(#000, $dusty-duchess, 20%);
.element {
color: $dusty-duchess;
box-shadow: 0 0 0 2px rgba($dusty-duchess, 0.35);
}