Color con nombre más cercano · #9F6844
#9F6844
Color con nombre más cercano: Argan Oil
#9F6844 (rgb(159 104 68), hsl(24 40% 45%), oklch(0.568 0.087 53.3)) se parece más al color con nombre Argan Oil. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9F6844
oklch(0.568 0.087 53.3)
Conversiones de color
- HEX
- #9f6844
- RGB
- rgb(159 104 68)
- HSL
- hsl(24 40% 45%)
- HWB
- hwb(24 27% 38%)
- OKLCH
- oklch(0.568 0.087 53.3)
- OKLab
- oklab(0.568 0.052 0.07)
- CIE Lab
- lab(49.48 19.89 29.63)
- LCH
- lch(49.48 35.69 56.1)
- CMYK
- cmyk(0% 35% 57% 38%)
Tintes · Sombras · Tonos
Tintes
- A97756
- B38568
- BD947A
- C6A38D
- D0B29F
- D9C1B2
- E3D0C5
- ECE0D8
- F6EFEB
Sombras
- 8A593A
- 754B30
- 613E26
- 4D301D
- 3B2414
- 29180C
- 180C05
- 090402
- 010000
Tonos
- 9C6B4B
- 9A6D51
- 977058
- 94725E
- 917564
- 8E7769
- 8A796F
- 877C75
- 847E7A
Armonías de color
Complementario +180°
- 9F6844
Argan Oil
- 3B7FA2
≈ Cendre Blue
Análogo -30° +30°
- 9F6844
Argan Oil
- A4625E
≈ Savannah Red
- 907235
≈ Marshy Green
Triádico +120° +240°
- 9F6844
Argan Oil
- 358772
≈ Ionian
- 796DA6
≈ Wintertime Mauve
Complementario dividido +150° +210°
- 9F6844
Argan Oil
- 24868E
≈ Sea Bed
- 5C76AA
≈ Blue Yonder
Tetrádico +90° +180° +270°
- 9F6844
Argan Oil
- 578455
≈ Magic Sage
- 3B7FA2
≈ Cendre Blue
- 906594
≈ Viola Grey
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.62:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.53:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--argan-oil: #9f6844;
--argan-oil-rgb: 159 104 68;
--argan-oil-oklch: oklch(0.568 0.087 53.3);
}
.element {
color: var(--argan-oil);
background-color: hsl(24 40% 45%);
border-color: oklch(0.568 0.087 53.3);
}Tailwind CSS v4
@theme {
--color-argan-oil: #9f6844;
--color-argan-oil-50: #ffefde;
--color-argan-oil-100: #ffe1cd;
--color-argan-oil-200: #f2cbb1;
--color-argan-oil-300: #dbac8d;
--color-argan-oil-400: #c8906d;
--color-argan-oil-500: #b3754d;
--color-argan-oil-600: #976442;
--color-argan-oil-700: #7a5034;
--color-argan-oil-800: #5a3925;
--color-argan-oil-900: #3f2719;
--color-argan-oil-950: #28150a;
}SCSS
$argan-oil: #9f6844;
$argan-oil-rgb: 159, 104, 68;
$argan-oil-light: mix(#fff, $argan-oil, 20%);
$argan-oil-dark: mix(#000, $argan-oil, 20%);
.element {
color: $argan-oil;
box-shadow: 0 0 0 2px rgba($argan-oil, 0.35);
}