Najbliższy nazwany kolor · #A2623E
#A2623E
Najbliższy nazwany kolor: Argan Oil
#A2623E (rgb(162 98 62), hsl(22 45% 44%), oklch(0.56 0.097 49.2)) jest najbliższy nazwanemu kolorowi Argan Oil. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A2623E
oklch(0.56 0.097 49.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AC7151
- B68064
- BF9077
- C99F89
- D2AF9C
- DBBFB0
- E4CEC3
- EDDED7
- F6EFEB
Odcienie ciemniejsze
- 8C5435
- 77472B
- 633A23
- 4F2D1A
- 3C2112
- 2A160A
- 190B04
- 0A0301
- 010000
Tony
- 9F6546
- 9C694D
- 996C54
- 966F5A
- 937261
- 8F7567
- 8C786E
- 887B74
- 847D7A
Harmonie kolorów
Komplementarna +180°
- A2623E
Argan Oil
- 267FA2
≈ Summer Blue
Analogowa -30° +30°
- A2623E
Argan Oil
- A65C5D
≈ Escalante
- 936D28
≈ Dirt Yellow
Triada +120° +240°
- A2623E
Argan Oil
- 28876B
≈ Elf
- 736AAA
≈ Clear Mauve
Komplementarna rozszczepiona +150° +210°
- A2623E
Argan Oil
- 00858A
≈ Tucson Teal
- 5175AD
≈ Flying Fish
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.82:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.35:1 · APCA Lc 28
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.82:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}