Colore con nome · #E03C31
CG Red
CG Red è #E03C31: rgb(224 60 49), hsl(4 74% 54%), oklch(0.602 0.202 28.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · CG Red color name →
#E03C31
oklch(0.602 0.202 28.6)
Conversioni di colore
- HEX
- #e03c31
- RGB
- rgb(224 60 49)
- HSL
- hsl(4 74% 54%)
- HWB
- hwb(4 19% 12%)
- OKLCH
- oklch(0.602 0.202 28.6)
- OKLab
- oklab(0.602 0.178 0.097)
- CIE Lab
- lab(51.85 63.13 46.12)
- LCH
- lch(51.85 78.19 36.1)
- CMYK
- cmyk(0% 73% 78% 12%)
Tinte · Ombre · Toni
Tinte
- E65548
- EC6B5D
- F17F71
- F59285
- F8A599
- FBB7AD
- FDC9C1
- FFDBD6
- FFEDEA
Ombre
- C33329
- A62A22
- 8A211A
- 701913
- 56110C
- 3E0A06
- 270403
- 120101
- 020000
Toni
- D8483C
- D05245
- C75A4E
- BE6156
- B5685D
- AC6E65
- A2736C
- 977873
- 8C7C79
Armonie di colore
Complementare +180°
- E03C31
CG Red
- 0091A2
≈ Oasis
Analogo -30° +30°
- E03C31
CG Red
- D8397F
≈ Pink Yarrow
- BE6700
≈ Camel Fur
Triadico +120° +240°
- E03C31
CG Red
- 009B40
≈ Green Revolution
- 5072F8
≈ Blue Öyster Cult
Complementare divisa +150° +210°
- E03C31
CG Red
- 009681
≈ Aqua Waters
- 008AC7
≈ Azul Caribe
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.32:1 · APCA Lc 68
Ag
AASu nero
WCAG 4.86:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.86:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--cg-red: #e03c31;
--cg-red-rgb: 224 60 49;
--cg-red-oklch: oklch(0.602 0.202 28.6);
}
.element {
color: var(--cg-red);
background-color: hsl(4 74% 54%);
border-color: oklch(0.602 0.202 28.6);
}Tailwind CSS v4
@theme {
--color-cg-red: #e03c31;
--color-cg-red-50: #ffe0d3;
--color-cg-red-100: #ffcfbf;
--color-cg-red-200: #ffb39f;
--color-cg-red-300: #ff8b76;
--color-cg-red-400: #ff6455;
--color-cg-red-500: #ef342b;
--color-cg-red-600: #c92f26;
--color-cg-red-700: #a2261e;
--color-cg-red-800: #791918;
--color-cg-red-900: #56100f;
--color-cg-red-950: #390203;
}SCSS
$cg-red: #e03c31;
$cg-red-rgb: 224, 60, 49;
$cg-red-light: mix(#fff, $cg-red, 20%);
$cg-red-dark: mix(#000, $cg-red, 20%);
.element {
color: $cg-red;
box-shadow: 0 0 0 2px rgba($cg-red, 0.35);
}