Colore con nome più vicino · #88735F
#88735F
Colore con nome più vicino: Mink
#88735F (rgb(136 115 95), hsl(29 18% 45%), oklch(0.57 0.04 65.5)) è più vicino al colore con nome Mink. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#88735F
oklch(0.57 0.04 65.5)
Conversioni di colore
- HEX
- #88735f
- RGB
- rgb(136 115 95)
- HSL
- hsl(29 18% 45%)
- HWB
- hwb(29 37% 47%)
- OKLCH
- oklch(0.57 0.04 65.5)
- OKLab
- oklab(0.57 0.016 0.036)
- CIE Lab
- lab(50.05 6.12 14.32)
- LCH
- lch(50.05 15.57 66.8)
- CMYK
- cmyk(0% 15% 30% 47%)
Tinte · Ombre · Toni
Tinte
- 93806E
- 9F8D7D
- AB9B8C
- B6A99C
- C2B7AC
- CEC5BC
- DAD3CD
- E6E2DD
- F3F0EE
Ombre
- 756352
- 635444
- 524538
- 41362C
- 312820
- 221B15
- 130F0A
- 060503
- 010100
Toni
- 877462
- 877666
- 867769
- 85786C
- 847A70
- 837B73
- 837C76
- 827D7A
- 817F7D
Armonie di colore
Complementare +180°
- 88735F
Mink
- 647A8E
≈ Canyon Blue
Analogo -30° +30°
Triadico +120° +240°
- 88735F
Mink
- 5D7F7A
≈ Hanging Moss
- 7D728A
≈ Batik Lilac
Complementare divisa +150° +210°
- 88735F
Mink
- 5D7E86
≈ Refuge
- 70768F
≈ Legal Eagle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--mink: #88735f;
--mink-rgb: 136 115 95;
--mink-oklch: oklch(0.57 0.04 65.5);
}
.element {
color: var(--mink);
background-color: hsl(29 18% 45%);
border-color: oklch(0.57 0.04 65.5);
}Tailwind CSS v4
@theme {
--color-mink: #88735f;
--color-mink-50: #fdf3e9;
--color-mink-100: #f1e6da;
--color-mink-200: #e0d1c3;
--color-mink-300: #c6b4a2;
--color-mink-400: #af9a86;
--color-mink-500: #99816b;
--color-mink-600: #816d5b;
--color-mink-700: #685748;
--color-mink-800: #4c4034;
--color-mink-900: #352c24;
--color-mink-950: #201912;
}SCSS
$mink: #88735f;
$mink-rgb: 136, 115, 95;
$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);
}