Colore con nome più vicino · #A2623E
#A2623E
Colore con nome più vicino: Argan Oil
#A2623E (rgb(162 98 62), hsl(22 45% 44%), oklch(0.56 0.097 49.2)) è più vicino al colore con nome Argan Oil. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A2623E
oklch(0.56 0.097 49.2)
Conversioni di colore
- HEX
- #a2623e
- RGB
- rgb(162 98 62)
- HSL
- hsl(22 45% 44%)
- HWB
- hwb(22 24% 36%)
- OKLCH
- oklch(0.56 0.097 49.2)
- OKLab
- oklab(0.56 0.064 0.074)
- CIE Lab
- lab(48.37 24.07 31.76)
- LCH
- lch(48.37 39.85 52.8)
- CMYK
- cmyk(0% 40% 62% 36%)
Tinte · Ombre · Toni
Tinte
- AC7151
- B68064
- BF9077
- C99F89
- D2AF9C
- DBBFB0
- E4CEC3
- EDDED7
- F6EFEB
Ombre
- 8C5435
- 77472B
- 633A23
- 4F2D1A
- 3C2112
- 2A160A
- 190B04
- 0A0301
- 010000
Toni
- 9F6546
- 9C694D
- 996C54
- 966F5A
- 937261
- 8F7567
- 8C786E
- 887B74
- 847D7A
Armonie di colore
Complementare +180°
- A2623E
Argan Oil
- 267FA2
≈ Summer Blue
Analogo -30° +30°
- A2623E
Argan Oil
- A65C5D
≈ Escalante
- 936D28
≈ Dirt Yellow
Triadico +120° +240°
- A2623E
Argan Oil
- 28876B
≈ Elf
- 736AAA
≈ Clear Mauve
Complementare divisa +150° +210°
- A2623E
Argan Oil
- 00858A
≈ Tucson Teal
- 5175AD
≈ Flying Fish
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.82:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.35:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--argan-oil: #a2623e;
--argan-oil-rgb: 162 98 62;
--argan-oil-oklch: oklch(0.56 0.097 49.2);
}
.element {
color: var(--argan-oil);
background-color: hsl(22 45% 44%);
border-color: oklch(0.56 0.097 49.2);
}Tailwind CSS v4
@theme {
--color-argan-oil: #a2623e;
--color-argan-oil-50: #ffeedd;
--color-argan-oil-100: #ffdfcb;
--color-argan-oil-200: #f7c9af;
--color-argan-oil-300: #e0aa8a;
--color-argan-oil-400: #ce8d6a;
--color-argan-oil-500: #ba7149;
--color-argan-oil-600: #9d603e;
--color-argan-oil-700: #7e4d32;
--color-argan-oil-800: #5e3724;
--color-argan-oil-900: #422618;
--color-argan-oil-950: #2a1409;
}SCSS
$argan-oil: #a2623e;
$argan-oil-rgb: 162, 98, 62;
$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);
}