ColorTool
Accedi
#C20A34

#c20a34 ≈ Cardinal

  • rosso
  • Luminosità: media
  • Saturazione: forte
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#c20a34 è un colore della famiglia «rosso», con luminosità media e saturazione forte. Nel modello RGB è composto da 76,08% di rosso, 3,92% di verde e 20,39% di blu; in stampa CMYK usa 0% di ciano, 94,85% di magenta, 73,2% di giallo e 23,92% di nero. Il suo angolo di tinta è 346,3°, con 90,2% di saturazione e 40% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 6,2:1 (WCAG AA). Il colore con nome più vicino è Cardinal (#c41e3a), ΔE 1,63.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#cc0033
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.1193

Complementare

  1. #c20a34
  2. #0ac298

Complementare diviso

  1. #c20a34
  2. #0ac23c
  3. #0a90c2

Analogo

  1. #c20a90
  2. #c20a34
  3. #c23c0a

Triadico

  1. #c20a34
  2. #34c20a
  3. #0a34c2

Tetradico

  1. #c20a34
  2. #c2980a
  3. #0ac298
  4. #0a34c2

Quadrato

  1. #c20a34
  2. #90c20a
  3. #0ac298
  4. #3c0ac2

Monocromatico

  1. #31020d
  2. #790621
  3. #c20a34
  4. #f42554
  5. #f86d8d

Ombre

#c20a34 miscelato progressivamente con il nero.

  1. #c20a34
  2. #af092f
  3. #9b082a
  4. #880724
  5. #74061f
  6. #61051a
  7. #4e0415
  8. #3a0310
  9. #27020a
  10. #130105
  11. #000000

Tinte

#c20a34 miscelato progressivamente con il bianco.

  1. #c20a34
  2. #c82348
  3. #ce3b5d
  4. #d45471
  5. #da6c85
  6. #e1859a
  7. #e79dae
  8. #edb6c2
  9. #f3ced6
  10. #f9e7eb
  11. #ffffff

Toni

#c20a34 miscelato progressivamente con il grigio.

  1. #c20a34
  2. #bb163c
  3. #b52243
  4. #ae2d4b
  5. #a83952
  6. #a1455a
  7. #9a5162
  8. #945d69
  9. #8d6871
  10. #877478
  11. #808080

Testo leggibile 6.2:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.39:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #616161 ≈ 0.003% degli uomini
Acromatomalia #924c52 ≈ 0.001% degli uomini
Protanopia #4f4a34 ≈ 1.01% degli uomini
Deuteranopia #7a6e2e ≈ 1.27% degli uomini
Tritanopia #d60021 ≈ 0.0001% degli uomini
Protanomalia #8c3a34 ≈ 1.08% degli uomini
Deuteranomalia #9c5630 ≈ 4.63% degli uomini
Tritanomalia #ce002a ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-c20a34 {
  color: #c20a34;
}
Sfondo
.bg-c20a34 {
  background-color: #c20a34;
  color: #ffffff;
}
Bordo
.border-c20a34 {
  border: 2px solid #c20a34;
}
Variabili CSS
:root {
  --color-primary: #c20a34;
  --color-primary-rgb: 194 10 52;
  --color-primary-hsl: 346 90% 40%;
}
Sfumatura
.gradient-c20a34 {
  background: linear-gradient(135deg, #c20a34, #c23c0a);
}
Ombra colorata
.shadow-c20a34 {
  box-shadow: 0 8px 24px rgb(194 10 52 / 0.35);
}

#c41e3a Cardinal ΔE 1.63 #dc143c Crimson ΔE 5.74 #ce2029 Fire Engine Red ΔE 6.28 #a52a2a Brown ΔE 6.30 #a52a2a Auburn ΔE 6.30 #b22222 Firebrick ΔE 6.36 #cc3333 Persian Red ΔE 6.79 #3df5cb Invertito #616161 Scala di grigi 

Cardinal
#c20a34  rgb(194, 10, 52)  hsl(346, 90%, 40%)  Cardinal
#0ac298  rgb(10, 194, 152)  hsl(166, 90%, 40%)  Caribbean Green
#34c20a  rgb(52, 194, 10)  hsl(106, 90%, 40%)  Kelly Green
#0a34c2  rgb(10, 52, 194)  hsl(226, 90%, 40%)  Persian Blue