Couleur nommée la plus proche · #9C7172
#9C7172
Couleur nommée la plus proche: Equestrienne
#9C7172 (rgb(156 113 114), hsl(359 18% 53%), oklch(0.592 0.055 17.3)) est la plus proche de la couleur nommée Equestrienne. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9C7172
oklch(0.592 0.055 17.3)
Conversions de couleur
- HEX
- #9c7172
- RGB
- rgb(156 113 114)
- HSL
- hsl(359 18% 53%)
- HWB
- hwb(359 44% 39%)
- OKLCH
- oklch(0.592 0.055 17.3)
- OKLab
- oklab(0.592 0.052 0.016)
- CIE Lab
- lab(52.12 17.63 6.52)
- LCH
- lch(52.12 18.79 20.3)
- CMYK
- cmyk(0% 28% 27% 39%)
Teintes · Ombres · Tons
Teintes
- A67E7F
- B08C8D
- BA9A9A
- C4A8A8
- CEB6B6
- D8C4C4
- E1D3D3
- EBE1E1
- F5F0F0
Ombres
- 876162
- 735253
- 5F4344
- 4C3536
- 392728
- 281A1B
- 180E0E
- 090404
- 010101
Tons
- 997373
- 977475
- 947676
- 927778
- 8F7979
- 8C7A7A
- 897C7C
- 867D7D
- 837F7F
Harmonies de couleurs
Complémentaire +180°
- 9C7172
Equestrienne
- 558889
≈ Cretan Green
Analogue -30° +30°
- 9C7172
Equestrienne
- 977184
≈ Meadow Flower
- 9A7462
≈ Temptation
Triadique +120° +240°
- 9C7172
Equestrienne
- 6F8666
≈ Shale Green
- 697F9F
≈ Bay View
Complémentaire divisée +150° +210°
- 9C7172
Equestrienne
- 5E8977
≈ Privet Hedge
- 5A8598
≈ Blue Moon Bay
Tétradique +90° +180° +270°
- 9C7172
Equestrienne
- 81815A
≈ Spinach Souffle
- 558889
≈ Cretan Green
- 7B799D
≈ Blue Dove
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.18:1 · APCA Lc 69
Ag
AASur noir
WCAG 5.01:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 5.01:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--equestrienne: #9c7172;
--equestrienne-rgb: 156 113 114;
--equestrienne-oklch: oklch(0.592 0.055 17.3);
}
.element {
color: var(--equestrienne);
background-color: hsl(359 18% 53%);
border-color: oklch(0.592 0.055 17.3);
}Tailwind CSS v4
@theme {
--color-equestrienne: #9c7172;
--color-equestrienne-50: #ffefef;
--color-equestrienne-100: #fae1e1;
--color-equestrienne-200: #ebcccb;
--color-equestrienne-300: #d2adac;
--color-equestrienne-400: #bd9293;
--color-equestrienne-500: #a77879;
--color-equestrienne-600: #8e6566;
--color-equestrienne-700: #715152;
--color-equestrienne-800: #543b3c;
--color-equestrienne-900: #3a2829;
--color-equestrienne-950: #241617;
}SCSS
$equestrienne: #9c7172;
$equestrienne-rgb: 156, 113, 114;
$equestrienne-light: mix(#fff, $equestrienne, 20%);
$equestrienne-dark: mix(#000, $equestrienne, 20%);
.element {
color: $equestrienne;
box-shadow: 0 0 0 2px rgba($equestrienne, 0.35);
}