Colore con nome · #C80815
Venetian Red
Venetian Red è #C80815: rgb(200 8 21), hsl(356 92% 41%), oklch(0.526 0.211 27.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Venetian Red color name →
#C80815
oklch(0.526 0.211 27.4)
Conversioni di colore
- HEX
- #c80815
- RGB
- rgb(200 8 21)
- HSL
- hsl(356 92% 41%)
- HWB
- hwb(356 3% 22%)
- OKLCH
- oklch(0.526 0.211 27.4)
- OKLab
- oklab(0.526 0.188 0.097)
- CIE Lab
- lab(42.87 66.71 50.56)
- LCH
- lch(42.87 83.71 37.2)
- CMYK
- cmyk(0% 96% 89% 22%)
Tinte · Ombre · Toni
Tinte
- D13933
- D9544A
- E16C61
- E88277
- EE988D
- F3ACA3
- F7C1BA
- FBD6D1
- FDEAE8
Ombre
- AE0611
- 94040C
- 7B0308
- 630205
- 4C0103
- 360102
- 210001
- 0F0000
- 020000
Toni
- C32926
- BD3A33
- B8473E
- B15249
- AB5B52
- A4635C
- 9C6B65
- 93736E
- 8A7977
Armonie di colore
Complementare +180°
- C80815
Venetian Red
- 007985
≈ Biscay Bay
Analogo -30° +30°
- C80815
Venetian Red
- BF076B
≈ Aztec Warrior
- 9F5400
≈ Charlie Brown
Triadico +120° +240°
- C80815
Venetian Red
- 00812E
≈ Pharmaceutical Green
- 3659E2
≈ Veteran’s Day Blue
Complementare divisa +150° +210°
- C80815
Venetian Red
- 007C6A
≈ Mediaeval Forest
- 0073A4
≈ Quarterdeck
Tetradico +90° +180° +270°
- C80815
Venetian Red
- 667300
≈ Topiary Green
- 007985
≈ Biscay Bay
- 7C40D2
≈ Purple Rain
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.99:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.50:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--venetian-red: #c80815;
--venetian-red-rgb: 200 8 21;
--venetian-red-oklch: oklch(0.526 0.211 27.4);
}
.element {
color: var(--venetian-red);
background-color: hsl(356 92% 41%);
border-color: oklch(0.526 0.211 27.4);
}Tailwind CSS v4
@theme {
--color-venetian-red: #c80815;
--color-venetian-red-50: #ffdfd2;
--color-venetian-red-100: #ffcdbf;
--color-venetian-red-200: #ffb09f;
--color-venetian-red-300: #ff8876;
--color-venetian-red-400: #ff5f54;
--color-venetian-red-500: #f3292a;
--color-venetian-red-600: #cd2725;
--color-venetian-red-700: #a5201e;
--color-venetian-red-800: #7b1417;
--color-venetian-red-900: #570d0f;
--color-venetian-red-950: #3a0003;
}SCSS
$venetian-red: #c80815;
$venetian-red-rgb: 200, 8, 21;
$venetian-red-light: mix(#fff, $venetian-red, 20%);
$venetian-red-dark: mix(#000, $venetian-red, 20%);
.element {
color: $venetian-red;
box-shadow: 0 0 0 2px rgba($venetian-red, 0.35);
}