ColorTool
Accedi
#580A1E

#580a1e ≈ Claret

  • rosa acceso
  • Luminosità: molto bassa
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#580a1e è un colore della famiglia «rosa acceso», con luminosità molto bassa e saturazione moderata. Nel modello RGB è composto da 34,51% di rosso, 3,92% di verde e 11,76% di blu; in stampa CMYK usa 0% di ciano, 88,64% di magenta, 65,91% di giallo e 65,49% di nero. Il suo angolo di tinta è 344,62°, con 79,59% di saturazione e 19,22% di luminosità in HSL. È un colore caldo, spesso associato a romanticismo, giocosità e affetto. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e marchi di lusso. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 14,22:1 (WCAG AAA). Il colore con nome più vicino è Claret (#7f1734), ΔE 8,2.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #580a1e
  2. #0a5844

Complementare diviso

  1. #580a1e
  2. #0a581d
  3. #0a4558

Analogo

  1. #580a45
  2. #580a1e
  3. #581d0a

Triadico

  1. #580a1e
  2. #1e580a
  3. #0a1e58

Tetradico

  1. #580a1e
  2. #58440a
  3. #0a5844
  4. #0a1e58

Quadrato

  1. #580a1e
  2. #45580a
  3. #0a5844
  4. #1d0a58

Monocromatico

  1. #120206
  2. #130207
  3. #580a1e
  4. #9d1235
  5. #e11a4d

Ombre

#580a1e miscelato progressivamente con il nero.

  1. #580a1e
  2. #4f091b
  3. #460818
  4. #3e0715
  5. #350612
  6. #2c050f
  7. #23040c
  8. #1a0309
  9. #120206
  10. #090103
  11. #000000

Tinte

#580a1e miscelato progressivamente con il bianco.

  1. #580a1e
  2. #692335
  3. #793b4b
  4. #8a5462
  5. #9b6c78
  6. #ac858f
  7. #bc9da5
  8. #cdb6bc
  9. #deced2
  10. #eee7e9
  11. #ffffff

Toni

#580a1e miscelato progressivamente con il grigio.

  1. #580a1e
  2. #5c1628
  3. #602232
  4. #642d3b
  5. #683945
  6. #6c454f
  7. #705159
  8. #745d63
  9. #78686c
  10. #7c7476
  11. #808080

Testo leggibile 14.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #2b2b2b ≈ 0.003% degli uomini
Acromatomalia #412126 ≈ 0.001% degli uomini
Protanopia #21211e ≈ 1.01% degli uomini
Deuteranopia #35301c ≈ 1.27% degli uomini
Tritanopia #610013 ≈ 0.0001% degli uomini
Protanomalia #3e1a1e ≈ 1.08% degli uomini
Deuteranomalia #45261d ≈ 4.63% degli uomini
Tritanomalia #5e0018 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-580a1e {
  color: #580a1e;
}
Sfondo
.bg-580a1e {
  background-color: #580a1e;
  color: #ffffff;
}
Bordo
.border-580a1e {
  border: 2px solid #580a1e;
}
Variabili CSS
:root {
  --color-primary: #580a1e;
  --color-primary-rgb: 88 10 30;
  --color-primary-hsl: 345 80% 19%;
}
Sfumatura
.gradient-580a1e {
  background: linear-gradient(135deg, #580a1e, #581d0a);
}
Ombra colorata
.shadow-580a1e {
  box-shadow: 0 8px 24px rgb(88 10 30 / 0.35);
}

#7f1734 Claret ΔE 8.20 #65000b Rosewood ΔE 8.22 #722f37 Wine ΔE 8.64 #800020 Burgundy ΔE 8.86 #592720 Caput Mortuum ΔE 8.99 #66023c Tyrian Purple ΔE 10.06 #78184a Pansy Purple ΔE 11.91 #a7f5e1 Invertito #2b2b2b Scala di grigi 

Claret
#580a1e  rgb(88, 10, 30)  hsl(345, 80%, 19%)  Claret
#0a5844  rgb(10, 88, 68)  hsl(165, 80%, 19%)  Hunter Green
#1e580a  rgb(30, 88, 10)  hsl(105, 80%, 19%)  Lincoln Green
#0a1e58  rgb(10, 30, 88)  hsl(225, 80%, 19%)  Oxford Blue