ColorTool
Accedi
#503B60

#503b60 ≈ Eggplant

  • viola
  • Luminosità: bassa
  • Saturazione: attenuata
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#503b60 è un colore della famiglia «viola», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 31,37% di rosso, 23,14% di verde e 37,65% di blu; in stampa CMYK usa 16,67% di ciano, 38,54% di magenta, 0% di giallo e 62,35% di nero. Il suo angolo di tinta è 274,05°, con 23,87% di saturazione e 30,39% di luminosità in HSL. È un colore freddo, spesso associato a immaginazione, spiritualità e lusso. I designer lo usano spesso per bellezza e cosmetica, studi creativi e identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 9,83:1 (WCAG AAA). Il colore con nome più vicino è Eggplant (#614051), ΔE 9,12.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #503b60
  2. #4b603b

Complementare diviso

  1. #503b60
  2. #5d603b
  3. #3b603d

Analogo

  1. #3d3b60
  2. #503b60
  3. #603b5d

Triadico

  1. #503b60
  2. #60503b
  3. #3b6050

Tetradico

  1. #503b60
  2. #603b4b
  3. #4b603b
  4. #3b6050

Quadrato

  1. #503b60
  2. #603d3b
  3. #4b603b
  4. #3b5d60

Monocromatico

  1. #0b080d
  2. #291e31
  3. #503b60
  4. #77588f
  5. #9d82b2

Ombre

#503b60 miscelato progressivamente con il nero.

  1. #503b60
  2. #483556
  3. #402f4d
  4. #382943
  5. #30233a
  6. #281e30
  7. #201826
  8. #18121d
  9. #100c13
  10. #08060a
  11. #000000

Tinte

#503b60 miscelato progressivamente con il bianco.

  1. #503b60
  2. #624f70
  3. #736280
  4. #857690
  5. #9689a0
  6. #a89db0
  7. #b9b1bf
  8. #cbc4cf
  9. #dcd8df
  10. #eeebef
  11. #ffffff

Toni

#503b60 miscelato progressivamente con il grigio.

  1. #503b60
  2. #554263
  3. #5a4966
  4. #5e506a
  5. #63576d
  6. #685e70
  7. #6d6473
  8. #726b76
  9. #76727a
  10. #7b797d
  11. #808080

Testo leggibile 9.83:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.14:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #434343 ≈ 0.003% degli uomini
Acromatomalia #494050 ≈ 0.001% degli uomini
Protanopia #344261 ≈ 1.01% degli uomini
Deuteranopia #39445f ≈ 1.27% degli uomini
Tritanopia #4e4049 ≈ 0.0001% degli uomini
Protanomalia #414061 ≈ 1.08% degli uomini
Deuteranomalia #43405f ≈ 4.63% degli uomini
Tritanomalia #4f3e53 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-503b60 {
  color: #503b60;
}
Sfondo
.bg-503b60 {
  background-color: #503b60;
  color: #ffffff;
}
Bordo
.border-503b60 {
  border: 2px solid #503b60;
}
Variabili CSS
:root {
  --color-primary: #503b60;
  --color-primary-rgb: 80 59 96;
  --color-primary-hsl: 274 24% 30%;
}
Sfumatura
.gradient-503b60 {
  background: linear-gradient(135deg, #503b60, #603b5d);
}
Ombra colorata
.shadow-503b60 {
  box-shadow: 0 8px 24px rgb(80 59 96 / 0.35);
}

#614051 Eggplant ΔE 9.12 #702963 Byzantium ΔE 10.42 #6c3082 Eminence ΔE 10.63 #483d8b Dark Slate Blue ΔE 11.31 #663399 Rebecca Purple ΔE 13.30 #69359c Purple Heart ΔE 13.61 #8e4585 Deep Plum ΔE 14.34 #afc49f Invertito #434343 Scala di grigi 

Eggplant
#503b60  rgb(80, 59, 96)  hsl(274, 24%, 30%)  Eggplant
#4b603b  rgb(75, 96, 59)  hsl(94, 24%, 30%)  Hunter Green
#60503b  rgb(96, 80, 59)  hsl(34, 24%, 30%)  Umber
#3b6050  rgb(59, 96, 80)  hsl(154, 24%, 30%)  Hunter Green