Colore con nome · #C32149
Grenade
Grenade è #C32149: rgb(195 33 73), hsl(345 71% 45%), oklch(0.534 0.194 14.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Grenade color name →
#C32149
oklch(0.534 0.194 14.1)
Conversioni di colore
- HEX
- #c32149
- RGB
- rgb(195 33 73)
- HSL
- hsl(345 71% 45%)
- HWB
- hwb(345 13% 24%)
- OKLCH
- oklch(0.534 0.194 14.1)
- OKLab
- oklab(0.534 0.188 0.047)
- CIE Lab
- lab(43.71 62.89 21.05)
- LCH
- lch(43.71 66.32 18.5)
- CMYK
- cmyk(0% 83% 63% 24%)
Tinte · Ombre · Toni
Tinte
- CC415A
- D55A6B
- DD707C
- E4858E
- EA9AA0
- F0AEB3
- F5C2C5
- F9D6D8
- FCEBEB
Ombre
- A91B3E
- 901634
- 78102A
- 600B20
- 4A0617
- 34030E
- 200106
- 0E0002
- 020000
Toni
- BE334F
- B94054
- B44B5A
- AE555F
- A85D65
- A1656A
- 9A6C70
- 927375
- 897A7B
Armonie di colore
Complementare +180°
- C32149
Grenade
- 007D7C
≈ Parasailing
Analogo -30° +30°
- C32149
Grenade
- B32B88
≈ Fandango
- B24600
≈ Beef Bourguignon
Triadico +120° +240°
- C32149
Grenade
- 447F00
≈ Green People
- 006BCC
≈ Mimesia Blue
Complementare divisa +150° +210°
- C32149
Grenade
- 00815B
≈ Irish Beauty
- 007898
≈ Pristine Seas
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.77:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.63:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--grenade: #c32149;
--grenade-rgb: 195 33 73;
--grenade-oklch: oklch(0.534 0.194 14.1);
}
.element {
color: var(--grenade);
background-color: hsl(345 71% 45%);
border-color: oklch(0.534 0.194 14.1);
}Tailwind CSS v4
@theme {
--color-grenade: #c32149;
--color-grenade-50: #ffdfe2;
--color-grenade-100: #ffced2;
--color-grenade-200: #ffb1b8;
--color-grenade-300: #ff8a95;
--color-grenade-400: #fb647b;
--color-grenade-500: #ea365d;
--color-grenade-600: #c5304f;
--color-grenade-700: #9f273f;
--color-grenade-800: #761a30;
--color-grenade-900: #541120;
--color-grenade-950: #380210;
}SCSS
$grenade: #c32149;
$grenade-rgb: 195, 33, 73;
$grenade-light: mix(#fff, $grenade, 20%);
$grenade-dark: mix(#000, $grenade, 20%);
.element {
color: $grenade;
box-shadow: 0 0 0 2px rgba($grenade, 0.35);
}