Color con nombre más cercano · #88735F
#88735F
Color con nombre más cercano: Mink
#88735F (rgb(136 115 95), hsl(29 18% 45%), oklch(0.57 0.04 65.5)) se parece más al color con nombre Mink. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#88735F
oklch(0.57 0.04 65.5)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 93806E
- 9F8D7D
- AB9B8C
- B6A99C
- C2B7AC
- CEC5BC
- DAD3CD
- E6E2DD
- F3F0EE
Sombras
- 756352
- 635444
- 524538
- 41362C
- 312820
- 221B15
- 130F0A
- 060503
- 010100
Tonos
- 877462
- 877666
- 867769
- 85786C
- 847A70
- 837B73
- 837C76
- 827D7A
- 817F7D
Armonías de color
Complementario +180°
- 88735F
Mink
- 647A8E
≈ Canyon Blue
Análogo -30° +30°
Triádico +120° +240°
- 88735F
Mink
- 5D7F7A
≈ Hanging Moss
- 7D728A
≈ Batik Lilac
Complementario dividido +150° +210°
- 88735F
Mink
- 5D7E86
≈ Refuge
- 70768F
≈ Legal Eagle
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 30
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Fragmentos de código
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);
}