Color con nombre más cercano · #9D6A5F
#9D6A5F
Color con nombre más cercano: Amaretto
#9D6A5F (rgb(157 106 95), hsl(11 25% 49%), oklch(0.575 0.068 32.7)) se parece más al color con nombre Amaretto. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9D6A5F
oklch(0.575 0.068 32.7)
Conversiones de color
- HEX
- #9d6a5f
- RGB
- rgb(157 106 95)
- HSL
- hsl(11 25% 49%)
- HWB
- hwb(11 37% 38%)
- OKLCH
- oklch(0.575 0.068 32.7)
- OKLab
- oklab(0.575 0.057 0.037)
- CIE Lab
- lab(50.13 19.97 14.91)
- LCH
- lch(50.13 24.92 36.7)
- CMYK
- cmyk(0% 32% 39% 38%)
Tintes · Sombras · Tonos
Tintes
- A7786E
- B1867D
- BB958C
- C5A49C
- CFB2AC
- D8C1BC
- E2D1CD
- ECE0DD
- F5EFEE
Sombras
- 885B52
- 734D44
- 5F3F38
- 4C312C
- 3A2420
- 281815
- 180D0A
- 090403
- 010000
Tonos
- 9A6C62
- 986F66
- 957169
- 92736C
- 907670
- 8D7873
- 8A7A76
- 877C7A
- 837E7D
Armonías de color
Complementario +180°
- 9D6A5F
Amaretto
- 448491
≈ Flounce
Análogo -30° +30°
- 9D6A5F
Amaretto
- 9B6875
≈ Nouveau Rose
- 96704E
≈ Chocolate Milk
Triádico +120° +240°
- 9D6A5F
Amaretto
- 598565
≈ Soylent Green
- 6B76A2
≈ Blue Batik
Complementario dividido +150° +210°
- 9D6A5F
Amaretto
- 46867C
≈ Carlisle
- 547E9E
≈ Flattering Blue
Tetrádico +90° +180° +270°
- 9D6A5F
Amaretto
- 718052
≈ Turf War
- 448491
≈ Flounce
- 816F9B
≈ Baroness Mauve
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.50:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.66:1 · APCA Lc 31
Mejor color de texto: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Fragmentos de código
CSS
:root {
--amaretto: #9d6a5f;
--amaretto-rgb: 157 106 95;
--amaretto-oklch: oklch(0.575 0.068 32.7);
}
.element {
color: var(--amaretto);
background-color: hsl(11 25% 49%);
border-color: oklch(0.575 0.068 32.7);
}Tailwind CSS v4
@theme {
--color-amaretto: #9d6a5f;
--color-amaretto-50: #ffefe8;
--color-amaretto-100: #fee0d9;
--color-amaretto-200: #f0cbc1;
--color-amaretto-300: #d8aca0;
--color-amaretto-400: #c39085;
--color-amaretto-500: #af7569;
--color-amaretto-600: #946459;
--color-amaretto-700: #765047;
--color-amaretto-800: #583a34;
--color-amaretto-900: #3d2723;
--color-amaretto-950: #271512;
}SCSS
$amaretto: #9d6a5f;
$amaretto-rgb: 157, 106, 95;
$amaretto-light: mix(#fff, $amaretto, 20%);
$amaretto-dark: mix(#000, $amaretto, 20%);
.element {
color: $amaretto;
box-shadow: 0 0 0 2px rgba($amaretto, 0.35);
}