ColorTool
Accedi
#617490

#617490 ≈ Slate Gray

  • azzurro
  • Luminosità: media
  • Saturazione: attenuata
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#617490 è un colore della famiglia «azzurro», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 38,04% di rosso, 45,49% di verde e 56,47% di blu; in stampa CMYK usa 32,64% di ciano, 19,44% di magenta, 0% di giallo e 43,53% di nero. Il suo angolo di tinta è 215,74°, con 19,5% di saturazione e 47,25% di luminosità in HSL. È un colore freddo, spesso associato a apertura, libertà e calma. I designer lo usano spesso per prodotti tecnologici, finanza e banche e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 4,76:1 (WCAG AA). Il colore con nome più vicino è Slate Gray (#708090), ΔE 6,65.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #617490
  2. #907d61

Complementare diviso

  1. #617490
  2. #906561
  3. #8b9061

Analogo

  1. #618b90
  2. #617490
  3. #656190

Triadico

  1. #617490
  2. #906174
  3. #749061

Tetradico

  1. #617490
  2. #7d6190
  3. #907d61
  4. #749061

Quadrato

  1. #617490
  2. #90618b
  3. #907d61
  4. #619065

Monocromatico

  1. #232a35
  2. #424f62
  3. #617490
  4. #8c9bb2
  5. #bac3d0

Ombre

#617490 miscelato progressivamente con il nero.

  1. #617490
  2. #576882
  3. #4e5d73
  4. #445165
  5. #3a4656
  6. #313a48
  7. #272e3a
  8. #1d232b
  9. #13171d
  10. #0a0c0e
  11. #000000

Tinte

#617490 miscelato progressivamente con il bianco.

  1. #617490
  2. #71829b
  3. #8190a6
  4. #909eb1
  5. #a0acbc
  6. #b0bac8
  7. #c0c7d3
  8. #d0d5de
  9. #dfe3e9
  10. #eff1f4
  11. #ffffff

Toni

#617490 miscelato progressivamente con il grigio.

  1. #617490
  2. #64758e
  3. #67768d
  4. #6a788b
  5. #6d798a
  6. #717a88
  7. #747b86
  8. #777c85
  9. #7a7e83
  10. #7d7f82
  11. #808080

Testo leggibile 4.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #737373 ≈ 0.003% degli uomini
Acromatomalia #6c737f ≈ 0.001% degli uomini
Protanopia #6a7591 ≈ 1.01% degli uomini
Deuteranopia #65718f ≈ 1.27% degli uomini
Tritanopia #537a7d ≈ 0.0001% degli uomini
Protanomalia #677591 ≈ 1.08% degli uomini
Deuteranomalia #647290 ≈ 4.63% degli uomini
Tritanomalia #597885 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-617490 {
  color: #617490;
}
Sfondo
.bg-617490 {
  background-color: #617490;
  color: #ffffff;
}
Bordo
.border-617490 {
  border: 2px solid #617490;
}
Variabili CSS
:root {
  --color-primary: #617490;
  --color-primary-rgb: 97 116 144;
  --color-primary-hsl: 216 20% 47%;
}
Sfumatura
.gradient-617490 {
  background: linear-gradient(135deg, #617490, #656190);
}
Ombra colorata
.shadow-617490 {
  box-shadow: 0 8px 24px rgb(97 116 144 / 0.35);
}

#708090 Slate Gray ΔE 6.65 #708090 Slate Grey ΔE 6.65 #436b95 Queen Blue ΔE 6.79 #6082b6 Glaucous ΔE 7.95 #778899 Light Slate Gray ΔE 8.81 #778899 Light Slate Grey ΔE 8.81 #4682b4 Steel Blue ΔE 9.75 #9e8b6f Invertito #737373 Scala di grigi 

Slate Gray
#617490  rgb(97, 116, 144)  hsl(216, 20%, 47%)  Slate Gray
#907d61  rgb(144, 125, 97)  hsl(36, 20%, 47%)  Beaver
#906174  rgb(144, 97, 116)  hsl(336, 20%, 47%)  Mauve Taupe
#749061  rgb(116, 144, 97)  hsl(96, 20%, 47%)  Moss Green