Couleur nommée la plus proche · #887262
#887262
Couleur nommée la plus proche: Mink
#887262 (rgb(136 114 98), hsl(25 16% 46%), oklch(0.568 0.037 57.9)) est la plus proche de la couleur nommée Mink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#887262
oklch(0.568 0.037 57.9)
Conversions de couleur
- HEX
- #887262
- RGB
- rgb(136 114 98)
- HSL
- hsl(25 16% 46%)
- HWB
- hwb(25 38% 47%)
- OKLCH
- oklch(0.568 0.037 57.9)
- OKLab
- oklab(0.568 0.019 0.031)
- CIE Lab
- lab(49.84 6.99 12.28)
- LCH
- lch(49.84 14.13 60.3)
- CMYK
- cmyk(0% 16% 28% 47%)
Teintes · Ombres · Tons
Teintes
- 937F71
- 9F8D7F
- AB9A8F
- B6A89E
- C2B6AE
- CEC4BD
- DAD3CD
- E6E1DE
- F3F0EE
Ombres
- 756254
- 635347
- 52443A
- 41362D
- 312821
- 221B16
- 130E0B
- 060403
- 010100
Tons
- 877365
- 877568
- 86766B
- 85786E
- 847971
- 837B74
- 837C77
- 827D7A
- 817F7D
Harmonies de couleurs
Complémentaire +180°
- 887262
Mink
- 637B8A
≈ Passageway
Analogue -30° +30°
- 887262
Mink
- 8B6F6B
≈ Dutch Cocoa
- 80765F
≈ Covert Green
Triadique +120° +240°
- 887262
Mink
- 607E77
≈ Penzance
- 79738A
≈ Plum Shade
Complémentaire divisée +150° +210°
- 887262
Mink
- 5E7D82
≈ Refuge
- 6E778D
≈ Causeway
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.53:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.63:1 · APCA Lc 30
Meilleure couleur de texte: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Extraits de code
CSS
:root {
--mink: #887262;
--mink-rgb: 136 114 98;
--mink-oklch: oklch(0.568 0.037 57.9);
}
.element {
color: var(--mink);
background-color: hsl(25 16% 46%);
border-color: oklch(0.568 0.037 57.9);
}Tailwind CSS v4
@theme {
--color-mink: #887262;
--color-mink-50: #fdf3eb;
--color-mink-100: #f2e5dc;
--color-mink-200: #e1d1c5;
--color-mink-300: #c6b3a5;
--color-mink-400: #b09a8a;
--color-mink-500: #99816f;
--color-mink-600: #826d5e;
--color-mink-700: #68574b;
--color-mink-800: #4d3f36;
--color-mink-900: #352c25;
--color-mink-950: #201914;
}SCSS
$mink: #887262;
$mink-rgb: 136, 114, 98;
$mink-light: mix(#fff, $mink, 20%);
$mink-dark: mix(#000, $mink, 20%);
.element {
color: $mink;
box-shadow: 0 0 0 2px rgba($mink, 0.35);
}