Cor nomeada mais próxima · #94603F
#94603F
Cor nomeada mais próxima: Argan Oil
#94603F (rgb(148 96 63), hsl(23 40% 41%), oklch(0.538 0.083 52.5)) é mais próxima da cor nomeada Argan Oil. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#94603F
oklch(0.538 0.083 52.5)
Conversões de cor
- HEX
- #94603f
- RGB
- rgb(148 96 63)
- HSL
- hsl(23 40% 41%)
- HWB
- hwb(23 25% 42%)
- OKLCH
- oklch(0.538 0.083 52.5)
- OKLab
- oklab(0.538 0.05 0.066)
- CIE Lab
- lab(46.01 19.16 27.85)
- LCH
- lch(46.01 33.8 55.5)
- CMYK
- cmyk(0% 35% 57% 42%)
Tons claros · Sombras · Tons
Tons claros
- 9F6F51
- AA7E64
- B58E76
- BF9D89
- CAAD9C
- D5BDAF
- DFCDC3
- EADED7
- F4EEEB
Sombras
- 805235
- 6D452C
- 5A3823
- 482C1B
- 362012
- 26150A
- 160A04
- 080301
- 010000
Tons
- 926346
- 91674D
- 8F6A54
- 8D6E5A
- 8B7161
- 897467
- 87776D
- 857A74
- 837D7A
Harmonias de cor
Complementar +180°
- 94603F
Argan Oil
- 357696
≈ Cottage by the Sea
Análoga -30° +30°
- 94603F
Argan Oil
- 985A58
≈ Rhode Island Red
- 866931
≈ Hunting Jacket
Tríade +120° +240°
- 94603F
Argan Oil
- 317E69
≈ Trans Tasman
- 6F659A
≈ Pandora
Complementar dividida +150° +210°
- 94603F
Argan Oil
- 207C83
≈ Caribe
- 546E9E
≈ Chesty Bond
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.24:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 4.00:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--argan-oil: #94603f;
--argan-oil-rgb: 148 96 63;
--argan-oil-oklch: oklch(0.538 0.083 52.5);
}
.element {
color: var(--argan-oil);
background-color: hsl(23 40% 41%);
border-color: oklch(0.538 0.083 52.5);
}Tailwind CSS v4
@theme {
--color-argan-oil: #94603f;
--color-argan-oil-50: #fff0df;
--color-argan-oil-100: #ffe1ce;
--color-argan-oil-200: #f1ccb3;
--color-argan-oil-300: #daad90;
--color-argan-oil-400: #c69171;
--color-argan-oil-500: #b27651;
--color-argan-oil-600: #966445;
--color-argan-oil-700: #785037;
--color-argan-oil-800: #593a27;
--color-argan-oil-900: #3f281a;
--color-argan-oil-950: #28160b;
}SCSS
$argan-oil: #94603f;
$argan-oil-rgb: 148, 96, 63;
$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);
}