Color con nombre más cercano · #9D6A5A
#9D6A5A
Color con nombre más cercano: Chocolate Temptation
#9D6A5A (rgb(157 106 90), hsl(14 27% 48%), oklch(0.574 0.07 38.2)) se parece más al color con nombre Chocolate Temptation. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9D6A5A
oklch(0.574 0.07 38.2)
Conversiones de color
- HEX
- #9d6a5a
- RGB
- rgb(157 106 90)
- HSL
- hsl(14 27% 48%)
- HWB
- hwb(14 35% 38%)
- OKLCH
- oklch(0.574 0.07 38.2)
- OKLab
- oklab(0.574 0.055 0.043)
- CIE Lab
- lab(50.04 19.54 17.71)
- LCH
- lch(50.04 26.37 42.2)
- CMYK
- cmyk(0% 32% 43% 38%)
Tintes · Sombras · Tonos
Tintes
- A77869
- B18679
- BB9589
- C5A499
- CFB2AA
- D8C1BA
- E2D1CB
- ECE0DC
- F5EFED
Sombras
- 885B4D
- 734D41
- 5F3F35
- 4C3129
- 3A241E
- 281813
- 180D09
- 090403
- 010000
Tonos
- 9A6C5E
- 986F62
- 957166
- 92736A
- 90766D
- 8D7871
- 8A7A75
- 877C79
- 837E7C
Armonías de color
Complementario +180°
- 9D6A5A
Chocolate Temptation
- 438394
≈ Casual Blue
Análogo -30° +30°
- 9D6A5A
Chocolate Temptation
- 9D6770
≈ Matte Carmine
- 94714A
≈ Tavern Creek
Triádico +120° +240°
- 9D6A5A
Chocolate Temptation
- 538569
≈ Verdigris Roundhead
- 6F75A2
≈ Bleached Denim
Complementario dividido +150° +210°
- 9D6A5A
Chocolate Temptation
- 418680
≈ Carlisle
- 577CA0
≈ Glass Sapphire
Tetrádico +90° +180° +270°
- 9D6A5A
Chocolate Temptation
- 6C8153
≈ Creamed Avocado
- 438394
≈ Casual Blue
- 846D99
≈ Bitter Violet
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.52:1 · APCA Lc 71
Ag
AASobre negro
WCAG 4.64:1 · APCA Lc 30
Mejor color de texto: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Fragmentos de código
CSS
:root {
--chocolate-temptation: #9d6a5a;
--chocolate-temptation-rgb: 157 106 90;
--chocolate-temptation-oklch: oklch(0.574 0.07 38.2);
}
.element {
color: var(--chocolate-temptation);
background-color: hsl(14 27% 48%);
border-color: oklch(0.574 0.07 38.2);
}Tailwind CSS v4
@theme {
--color-chocolate-temptation: #9d6a5a;
--color-chocolate-temptation-50: #ffefe6;
--color-chocolate-temptation-100: #fee1d7;
--color-chocolate-temptation-200: #f0cbbe;
--color-chocolate-temptation-300: #d8ac9d;
--color-chocolate-temptation-400: #c49080;
--color-chocolate-temptation-500: #af7664;
--color-chocolate-temptation-600: #946455;
--color-chocolate-temptation-700: #775044;
--color-chocolate-temptation-800: #583a31;
--color-chocolate-temptation-900: #3d2821;
--color-chocolate-temptation-950: #271611;
}SCSS
$chocolate-temptation: #9d6a5a;
$chocolate-temptation-rgb: 157, 106, 90;
$chocolate-temptation-light: mix(#fff, $chocolate-temptation, 20%);
$chocolate-temptation-dark: mix(#000, $chocolate-temptation, 20%);
.element {
color: $chocolate-temptation;
box-shadow: 0 0 0 2px rgba($chocolate-temptation, 0.35);
}