Najbliższy nazwany kolor · #A96247
#A96247
Najbliższy nazwany kolor: Red Cent
#A96247 (rgb(169 98 71), hsl(17 41% 47%), oklch(0.57 0.101 41.4)) jest najbliższy nazwanemu kolorowi Red Cent. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A96247
oklch(0.57 0.101 41.4)
Konwersje koloru
- HEX
- #a96247
- RGB
- rgb(169 98 71)
- HSL
- hsl(17 41% 47%)
- HWB
- hwb(17 28% 34%)
- OKLCH
- oklch(0.57 0.101 41.4)
- OKLab
- oklab(0.57 0.075 0.066)
- CIE Lab
- lab(49.45 27.53 28.28)
- LCH
- lch(49.45 39.47 45.8)
- CMYK
- cmyk(0% 42% 58% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B27159
- BC816B
- C5907C
- CE9F8E
- D6AFA1
- DFBFB3
- E7CFC6
- EFDFD9
- F7EFEC
Odcienie ciemniejsze
- 92543D
- 7C4732
- 673A28
- 532D1F
- 3F2116
- 2C160D
- 1B0B06
- 0A0302
- 010000
Tony
- A6664D
- A26953
- 9E6C59
- 9A6F5F
- 967265
- 92756A
- 8E7870
- 8A7B75
- 857D7B
Harmonie kolorów
Komplementarna +180°
- A96247
Red Cent
- 1484A1
≈ Blue Arc
Analogowa -30° +30°
- A96247
Red Cent
- AA5D68
≈ Delicate Prunus
- 9C6D2C
≈ Damascene
Triada +120° +240°
- A96247
Red Cent
- 358A64
≈ Exquisite Emerald
- 6E70B1
≈ Chalcedony Violet
Komplementarna rozszczepiona +150° +210°
- A96247
Red Cent
- 008986
≈ Navigate
- 487BB1
≈ Sleep
Tetrada +90° +180° +270°
- A96247
Red Cent
- 628442
≈ Beatnik
- 1484A1
≈ Blue Arc
- 8B66A3
≈ Empire Violet
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.64:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.52:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-cent: #a96247;
--red-cent-rgb: 169 98 71;
--red-cent-oklch: oklch(0.57 0.101 41.4);
}
.element {
color: var(--red-cent);
background-color: hsl(17 41% 47%);
border-color: oklch(0.57 0.101 41.4);
}Tailwind CSS v4
@theme {
--color-red-cent: #a96247;
--color-red-cent-50: #ffeddf;
--color-red-cent-100: #ffdecd;
--color-red-cent-200: #fac7b2;
--color-red-cent-300: #e4a78e;
--color-red-cent-400: #d18a6f;
--color-red-cent-500: #be6e50;
--color-red-cent-600: #a05d44;
--color-red-cent-700: #814b36;
--color-red-cent-800: #603527;
--color-red-cent-900: #43251a;
--color-red-cent-950: #2b130b;
}SCSS
$red-cent: #a96247;
$red-cent-rgb: 169, 98, 71;
$red-cent-light: mix(#fff, $red-cent, 20%);
$red-cent-dark: mix(#000, $red-cent, 20%);
.element {
color: $red-cent;
box-shadow: 0 0 0 2px rgba($red-cent, 0.35);
}