Couleur nommée la plus proche · #81716F
#81716F
Couleur nommée la plus proche: Empress
#81716F (rgb(129 113 111), hsl(7 7% 47%), oklch(0.563 0.02 26.3)) est la plus proche de la couleur nommée Empress. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#81716F
oklch(0.563 0.02 26.3)
Conversions de couleur
- HEX
- #81716f
- RGB
- rgb(129 113 111)
- HSL
- hsl(7 7% 47%)
- HWB
- hwb(7 44% 49%)
- OKLCH
- oklch(0.563 0.02 26.3)
- OKLab
- oklab(0.563 0.018 0.009)
- CIE Lab
- lab(49.11 6.19 3.53)
- LCH
- lch(49.11 7.12 29.7)
- CMYK
- cmyk(0% 12% 14% 49%)
Teintes · Ombres · Tons
Teintes
- 8D7E7C
- 998C8A
- A59998
- B2A7A6
- BEB5B4
- CBC4C3
- D8D2D2
- E5E1E1
- F2F0F0
Ombres
- 6F6160
- 5E5251
- 4E4342
- 3E3534
- 2E2727
- 1F1A1A
- 120E0E
- 060404
- 010101
Tons
- 817371
- 817472
- 817674
- 817776
- 817977
- 817A79
- 807C7B
- 807D7D
- 807F7E
Harmonies de couleurs
Complémentaire +180°
- 81716F
Empress
- 68797B
≈ Trade Secret
Analogue -30° +30°
- 81716F
Empress
- 807176
≈ Enigmatic
- 7F736A
≈ Tattletail
Triadique +120° +240°
- 81716F
Empress
- 6E796E
≈ In the Woods
- 707582
≈ Overlook
Complémentaire divisée +150° +210°
- 81716F
Empress
- 697975
≈ Trade Secret
- 6A7780
≈ Sheffield Grey
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.64:1 · APCA Lc 72
Ag
AASur noir
WCAG 4.52:1 · APCA Lc 29
Meilleure couleur de texte: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Extraits de code
CSS
:root {
--empress: #81716f;
--empress-rgb: 129 113 111;
--empress-oklch: oklch(0.563 0.02 26.3);
}
.element {
color: var(--empress);
background-color: hsl(7 7% 47%);
border-color: oklch(0.563 0.02 26.3);
}Tailwind CSS v4
@theme {
--color-empress: #81716f;
--color-empress-50: #fbf3f2;
--color-empress-100: #efe5e4;
--color-empress-200: #ddd1cf;
--color-empress-300: #c2b4b2;
--color-empress-400: #aa9a98;
--color-empress-500: #93817f;
--color-empress-600: #7d6d6c;
--color-empress-700: #645856;
--color-empress-800: #49403f;
--color-empress-900: #332c2b;
--color-empress-950: #1e1919;
}SCSS
$empress: #81716f;
$empress-rgb: 129, 113, 111;
$empress-light: mix(#fff, $empress, 20%);
$empress-dark: mix(#000, $empress, 20%);
.element {
color: $empress;
box-shadow: 0 0 0 2px rgba($empress, 0.35);
}