Couleur nommée la plus proche · #B47F74
#B47F74
Couleur nommée la plus proche: Dusty Duchess
#B47F74 (rgb(180 127 116), hsl(10 30% 58%), oklch(0.647 0.068 32.1)) est la plus proche de la couleur nommée Dusty Duchess. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B47F74
oklch(0.647 0.068 32.1)
Conversions de couleur
- HEX
- #b47f74
- RGB
- rgb(180 127 116)
- HSL
- hsl(10 30% 58%)
- HWB
- hwb(10 45% 29%)
- OKLCH
- oklch(0.647 0.068 32.1)
- OKLab
- oklab(0.647 0.058 0.036)
- CIE Lab
- lab(58.44 20.08 14.63)
- LCH
- lch(58.44 24.85 36.1)
- CMYK
- cmyk(0% 29% 36% 29%)
Teintes · Ombres · Tons
Teintes
- BC8B81
- C4988E
- CBA49C
- D3B1AA
- DBBEB7
- E2CBC5
- E9D7D4
- F1E5E2
- F8F2F0
Ombres
- 9C6E64
- 855D54
- 6E4C45
- 583C37
- 442D29
- 301F1B
- 1D110F
- 0C0605
- 020101
Tons
- AF7F75
- AA8077
- A58078
- A08079
- 9B807A
- 96807C
- 90807D
- 8B807E
- 86807F
Harmonies de couleurs
Complémentaire +180°
- B47F74
Dusty Duchess
- 599AA7
≈ Tropical Oasis
Analogue -30° +30°
- B47F74
Dusty Duchess
- B27D8B
≈ Degas Pink
- AD8563
≈ Roman Coin
Triadique +120° +240°
- B47F74
Dusty Duchess
- 6F9B7A
≈ Precious Oxley
- 7F8CB9
≈ Galactic Gossamer
Complémentaire divisée +150° +210°
- B47F74
Dusty Duchess
- 5C9C91
≈ Treasure Isle
- 6994B5
≈ Aragonite Blue
Tétradique +90° +180° +270°
- B47F74
Dusty Duchess
- 879566
≈ Bullfrog
- 599AA7
≈ Tropical Oasis
- 9685B1
≈ Silk Lilac
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.37:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.22:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.22:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--dusty-duchess: #b47f74;
--dusty-duchess-rgb: 180 127 116;
--dusty-duchess-oklch: oklch(0.647 0.068 32.1);
}
.element {
color: var(--dusty-duchess);
background-color: hsl(10 30% 58%);
border-color: oklch(0.647 0.068 32.1);
}Tailwind CSS v4
@theme {
--color-dusty-duchess: #b47f74;
--color-dusty-duchess-50: #ffefe8;
--color-dusty-duchess-100: #fee0d9;
--color-dusty-duchess-200: #f0cac1;
--color-dusty-duchess-300: #d8aba1;
--color-dusty-duchess-400: #c49085;
--color-dusty-duchess-500: #af756a;
--color-dusty-duchess-600: #94635a;
--color-dusty-duchess-700: #764f47;
--color-dusty-duchess-800: #583934;
--color-dusty-duchess-900: #3d2724;
--color-dusty-duchess-950: #271512;
}SCSS
$dusty-duchess: #b47f74;
$dusty-duchess-rgb: 180, 127, 116;
$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);
}