Colore con nome · #AF4544
Redtail
Redtail è #AF4544: rgb(175 69 68), hsl(1 44% 48%), oklch(0.533 0.139 23.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Redtail color name →
#AF4544
oklch(0.533 0.139 23.6)
Conversioni di colore
- HEX
- #af4544
- RGB
- rgb(175 69 68)
- HSL
- hsl(1 44% 48%)
- HWB
- hwb(1 27% 31%)
- OKLCH
- oklch(0.533 0.139 23.6)
- OKLab
- oklab(0.533 0.128 0.056)
- CIE Lab
- lab(44.45 44.07 24.12)
- LCH
- lch(44.45 50.24 28.7)
- CMYK
- cmyk(0% 61% 61% 31%)
Tinte · Ombre · Toni
Tinte
- B95956
- C26B67
- CB7E79
- D4908B
- DCA29E
- E4B5B1
- EBC7C4
- F2D9D7
- F9ECEB
Ombre
- 983B3A
- 813130
- 6B2726
- 561E1D
- 411514
- 2E0C0C
- 1C0505
- 0B0202
- 010000
Toni
- AC4D4A
- A85451
- A45A57
- A0605D
- 9B6663
- 976C69
- 92716E
- 8C7674
- 867B7A
Armonie di colore
Complementare +180°
- AF4544
Redtail
- 007C84
≈ Cote D’Azur
Analogo -30° +30°
- AF4544
Redtail
- A74473
≈ Magenta Haze
- A65200
≈ Windsor Brown
Triadico +120° +240°
- AF4544
Redtail
- 308031
≈ Lush Paradise
- 4168BD
≈ Azraq Blue
Complementare divisa +150° +210°
- AF4544
Redtail
- 007F68
≈ Generic Viridian
- 0076A2
≈ Summer Lake
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.58:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.75:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.58:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--redtail: #af4544;
--redtail-rgb: 175 69 68;
--redtail-oklch: oklch(0.533 0.139 23.6);
}
.element {
color: var(--redtail);
background-color: hsl(1 44% 48%);
border-color: oklch(0.533 0.139 23.6);
}Tailwind CSS v4
@theme {
--color-redtail: #af4544;
--color-redtail-50: #ffe7e1;
--color-redtail-100: #ffd7d0;
--color-redtail-200: #ffbeb6;
--color-redtail-300: #f79b92;
--color-redtail-400: #e57b76;
--color-redtail-500: #d35a58;
--color-redtail-600: #b24d4b;
--color-redtail-700: #8f3d3c;
--color-redtail-800: #6a2b2c;
--color-redtail-900: #4b1d1e;
--color-redtail-950: #310d0e;
}SCSS
$redtail: #af4544;
$redtail-rgb: 175, 69, 68;
$redtail-light: mix(#fff, $redtail, 20%);
$redtail-dark: mix(#000, $redtail, 20%);
.element {
color: $redtail;
box-shadow: 0 0 0 2px rgba($redtail, 0.35);
}