Colore con nome più vicino · #A5644F
#A5644F
Colore con nome più vicino: Red Cent
#A5644F (rgb(165 100 79), hsl(15 35% 48%), oklch(0.57 0.09 38.7)) è più vicino al colore con nome Red Cent. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A5644F
oklch(0.57 0.09 38.7)
Conversioni di colore
- HEX
- #a5644f
- RGB
- rgb(165 100 79)
- HSL
- hsl(15 35% 48%)
- HWB
- hwb(15 31% 35%)
- OKLCH
- oklch(0.57 0.09 38.7)
- OKLab
- oklab(0.57 0.071 0.056)
- CIE Lab
- lab(49.47 25.31 23.59)
- LCH
- lch(49.47 34.59 43)
- CMYK
- cmyk(0% 39% 52% 35%)
Tinte · Ombre · Toni
Tinte
- AF7360
- B88270
- C29181
- CBA093
- D4B0A4
- DDBFB6
- E5CFC8
- EEDFDA
- F7EFEC
Ombre
- 8F5644
- 794838
- 653B2E
- 512E23
- 3D2219
- 2B1610
- 1A0B07
- 0A0302
- 010000
Toni
- A26754
- 9F6A59
- 9B6D5E
- 987063
- 947368
- 91766D
- 8D7872
- 897B77
- 847E7B
Armonie di colore
Complementare +180°
- A5644F
Red Cent
- 27849B
≈ Kings of Sea
Analogo -30° +30°
- A5644F
Red Cent
- A5606D
≈ Shine Baby Shine
- 9A6D38
≈ Horsing Around
Triadico +120° +240°
- A5644F
Red Cent
- 438863
≈ Mallard Green
- 6C72AC
≈ Jacaranda Jazz
Complementare divisa +150° +210°
- A5644F
Red Cent
- 218882
≈ Navigate
- 4A7CAA
≈ Into the Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.62:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.53:1 · APCA Lc 30
Miglior colore del testo: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--red-cent: #a5644f;
--red-cent-rgb: 165 100 79;
--red-cent-oklch: oklch(0.57 0.09 38.7);
}
.element {
color: var(--red-cent);
background-color: hsl(15 35% 48%);
border-color: oklch(0.57 0.09 38.7);
}Tailwind CSS v4
@theme {
--color-red-cent: #a5644f;
--color-red-cent-50: #ffede2;
--color-red-cent-100: #ffdfd1;
--color-red-cent-200: #f7c8b7;
--color-red-cent-300: #e0a894;
--color-red-cent-400: #cd8c77;
--color-red-cent-500: #b97059;
--color-red-cent-600: #9d5f4c;
--color-red-cent-700: #7e4c3c;
--color-red-cent-800: #5d372c;
--color-red-cent-900: #41251d;
--color-red-cent-950: #2a140d;
}SCSS
$red-cent: #a5644f;
$red-cent-rgb: 165, 100, 79;
$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);
}