ColorTool
Accedi
#AB5C50

#ab5c50 ≈ Redwood

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

#ab5c50 è un colore della famiglia «rosso», con luminosità media e saturazione moderata. Nel modello RGB è composto da 67,06% di rosso, 36,08% di verde e 31,37% di blu; in stampa CMYK usa 0% di ciano, 46,2% di magenta, 53,22% di giallo e 32,94% di nero. Il suo angolo di tinta è 7,91°, con 36,25% di saturazione e 49,22% 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 accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 4,8:1 (WCAG AA). Il colore con nome più vicino è Redwood (#a45a52), ΔE 2,22.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ab5c50
  2. #509fab

Complementare diviso

  1. #ab5c50
  2. #50ab8a
  3. #5072ab

Analogo

  1. #ab5072
  2. #ab5c50
  3. #ab8a50

Triadico

  1. #ab5c50
  2. #50ab5c
  3. #5c50ab

Tetradico

  1. #ab5c50
  2. #9fab50
  3. #509fab
  4. #5c50ab

Quadrato

  1. #ab5c50
  2. #72ab50
  3. #509fab
  4. #8a50ab

Monocromatico

  1. #43241f
  2. #774038
  3. #ab5c50
  4. #c58b83
  5. #ddbcb7

Ombre

#ab5c50 miscelato progressivamente con il nero.

  1. #ab5c50
  2. #9a5348
  3. #894a40
  4. #784038
  5. #673730
  6. #562e28
  7. #442520
  8. #331c18
  9. #221210
  10. #110908
  11. #000000

Tinte

#ab5c50 miscelato progressivamente con il bianco.

  1. #ab5c50
  2. #b36c62
  3. #bc7d73
  4. #c48d85
  5. #cd9d96
  6. #d5aea8
  7. #ddbeb9
  8. #e6cecb
  9. #eededc
  10. #f7efee
  11. #ffffff

Toni

#ab5c50 miscelato progressivamente con il grigio.

  1. #ab5c50
  2. #a76055
  3. #a2635a
  4. #9e675e
  5. #9a6a63
  6. #966e68
  7. #91726d
  8. #8d7572
  9. #897976
  10. #847c7b
  11. #808080

Testo leggibile 4.8:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.38:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #727272 ≈ 0.003% degli uomini
Acromatomalia #8c6a66 ≈ 0.001% degli uomini
Protanopia #6f684f ≈ 1.01% degli uomini
Deuteranopia #82794f ≈ 1.27% degli uomini
Tritanopia #ba5059 ≈ 0.0001% degli uomini
Protanomalia #8b634f ≈ 1.08% degli uomini
Deuteranomalia #946e4f ≈ 4.63% degli uomini
Tritanomalia #b45556 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ab5c50 {
  color: #ab5c50;
}
Sfondo
.bg-ab5c50 {
  background-color: #ab5c50;
  color: #ffffff;
}
Bordo
.border-ab5c50 {
  border: 2px solid #ab5c50;
}
Variabili CSS
:root {
  --color-primary: #ab5c50;
  --color-primary-rgb: 171 92 80;
  --color-primary-hsl: 8 36% 49%;
}
Sfumatura
.gradient-ab5c50 {
  background: linear-gradient(135deg, #ab5c50, #ab8a50);
}
Ombra colorata
.shadow-ab5c50 {
  box-shadow: 0 8px 24px rgb(171 92 80 / 0.35);
}

#a45a52 Redwood ΔE 2.22 #cd5c5c Indian Red ΔE 7.88 #996666 Copper Rose ΔE 7.94 #954535 Chestnut ΔE 8.39 #a0522d Sienna ΔE 9.57 #cc3333 Persian Red ΔE 9.72 #cb4154 Brick Red ΔE 10.06 #54a3af Invertito #727272 Scala di grigi 

Redwood
#ab5c50  rgb(171, 92, 80)  hsl(8, 36%, 49%)  Redwood
#509fab  rgb(80, 159, 171)  hsl(188, 36%, 49%)  Cadet Blue
#50ab5c  rgb(80, 171, 92)  hsl(128, 36%, 49%)  Medium Sea Green
#5c50ab  rgb(92, 80, 171)  hsl(248, 36%, 49%)  Ocean Blue