Colore con nome · #A73940
Jules
Jules è #A73940: rgb(167 57 64), hsl(356 49% 44%), oklch(0.504 0.144 20.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Jules color name →
#A73940
oklch(0.504 0.144 20.3)
Conversioni di colore
- HEX
- #a73940
- RGB
- rgb(167 57 64)
- HSL
- hsl(356 49% 44%)
- HWB
- hwb(356 22% 35%)
- OKLCH
- oklch(0.504 0.144 20.3)
- OKLab
- oklab(0.504 0.135 0.05)
- CIE Lab
- lab(40.96 46.23 21.83)
- LCH
- lch(40.96 51.13 25.3)
- CMYK
- cmyk(0% 66% 62% 35%)
Tinte · Ombre · Toni
Tinte
- B24E52
- BC6364
- C67676
- D08988
- D99D9B
- E1B0AF
- E9C4C2
- F1D7D6
- F8EBEA
Ombre
- 913036
- 7B282D
- 661F24
- 52171B
- 3E1013
- 2C090B
- 1A0405
- 0A0101
- 010000
Toni
- A54247
- A24B4D
- 9F5354
- 9C5A5A
- 986160
- 946867
- 906E6D
- 8B7473
- 867A7A
Armonie di colore
Complementare +180°
- A73940
Jules
- 007378
≈ Essential Teal
Analogo -30° +30°
- A73940
Jules
- 9E3A6F
≈ Powder Red
- 9E4800
≈ Oregon
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.35:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.30:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--jules: #a73940;
--jules-rgb: 167 57 64;
--jules-oklch: oklch(0.504 0.144 20.3);
}
.element {
color: var(--jules);
background-color: hsl(356 49% 44%);
border-color: oklch(0.504 0.144 20.3);
}Tailwind CSS v4
@theme {
--color-jules: #a73940;
--color-jules-50: #ffe6e2;
--color-jules-100: #ffd6d2;
--color-jules-200: #ffbcb8;
--color-jules-300: #f99995;
--color-jules-400: #e7787a;
--color-jules-500: #d5575c;
--color-jules-600: #b44a4f;
--color-jules-700: #903b3f;
--color-jules-800: #6c2a2f;
--color-jules-900: #4c1c1f;
--color-jules-950: #320c0f;
}SCSS
$jules: #a73940;
$jules-rgb: 167, 57, 64;
$jules-light: mix(#fff, $jules, 20%);
$jules-dark: mix(#000, $jules, 20%);
.element {
color: $jules;
box-shadow: 0 0 0 2px rgba($jules, 0.35);
}