ColorTool
Accedi
#628489

#628489 ≈ Teal Blue

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

#628489 è un colore della famiglia «ciano», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 38,43% di rosso, 51,76% di verde e 53,73% di blu; in stampa CMYK usa 28,47% di ciano, 3,65% di magenta, 0% di giallo e 46,27% di nero. Il suo angolo di tinta è 187,69°, con 16,6% di saturazione e 46,08% di luminosità in HSL. È un colore freddo, spesso associato a freschezza, tecnologia e chiarezza. I designer lo usano spesso per salute e benessere, prodotti tecnologici e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 5,18:1 (WCAG AA). Il colore con nome più vicino è Teal Blue (#367588), ΔE 9,32.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #628489
  2. #896762

Complementare diviso

  1. #628489
  2. #896271
  3. #897b62

Analogo

  1. #62897b
  2. #628489
  3. #627189

Triadico

  1. #628489
  2. #896284
  3. #848962

Tetradico

  1. #628489
  2. #676289
  3. #896762
  4. #848962

Quadrato

  1. #628489
  2. #7b6289
  3. #896762
  4. #718962

Monocromatico

  1. #222e30
  2. #42595c
  3. #628489
  4. #8ba8ac
  5. #b8cacc

Ombre

#628489 miscelato progressivamente con il nero.

  1. #628489
  2. #58777b
  3. #4e6a6e
  4. #455c60
  5. #3b4f52
  6. #314245
  7. #273537
  8. #1d2829
  9. #141a1b
  10. #0a0d0e
  11. #000000

Tinte

#628489 miscelato progressivamente con il bianco.

  1. #628489
  2. #729095
  3. #819da1
  4. #91a9ac
  5. #a1b5b8
  6. #b1c2c4
  7. #c0ced0
  8. #d0dadc
  9. #e0e6e7
  10. #eff3f3
  11. #ffffff

Toni

#628489 miscelato progressivamente con il grigio.

  1. #628489
  2. #658488
  3. #688387
  4. #6b8386
  5. #6e8285
  6. #718285
  7. #748284
  8. #778183
  9. #7a8182
  10. #7d8081
  11. #808080

Testo leggibile 4.05:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.18:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7e7e7e ≈ 0.003% degli uomini
Acromatomalia #748183 ≈ 0.001% degli uomini
Protanopia #7e8189 ≈ 1.01% degli uomini
Deuteranopia #787c89 ≈ 1.27% degli uomini
Tritanopia #558785 ≈ 0.0001% degli uomini
Protanomalia #748289 ≈ 1.08% degli uomini
Deuteranomalia #707f89 ≈ 4.63% degli uomini
Tritanomalia #5a8687 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-628489 {
  color: #628489;
}
Sfondo
.bg-628489 {
  background-color: #628489;
  color: #000000;
}
Bordo
.border-628489 {
  border: 2px solid #628489;
}
Variabili CSS
:root {
  --color-primary: #628489;
  --color-primary-rgb: 98 132 137;
  --color-primary-hsl: 188 17% 46%;
}
Sfumatura
.gradient-628489 {
  background: linear-gradient(135deg, #628489, #627189);
}
Ombra colorata
.shadow-628489 {
  box-shadow: 0 8px 24px rgb(98 132 137 / 0.35);
}

#367588 Teal Blue ΔE 9.32 #708090 Slate Gray ΔE 9.57 #708090 Slate Grey ΔE 9.57 #738678 Xanadu ΔE 9.66 #5f9ea0 Cadet Blue ΔE 10.02 #778899 Light Slate Gray ΔE 10.04 #778899 Light Slate Grey ΔE 10.04 #9d7b76 Invertito #7e7e7e Scala di grigi 

Teal Blue
#628489  rgb(98, 132, 137)  hsl(188, 17%, 46%)  Teal Blue
#896762  rgb(137, 103, 98)  hsl(8, 17%, 46%)  Copper Rose
#896284  rgb(137, 98, 132)  hsl(308, 17%, 46%)  Mauve Taupe
#848962  rgb(132, 137, 98)  hsl(68, 17%, 46%)  Moss Green