ColorTool
Accedi
#658A9B

#658a9b ≈ Air Force Blue

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

#658a9b è un colore della famiglia «azzurro», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 39,61% di rosso, 54,12% di verde e 60,78% di blu; in stampa CMYK usa 34,84% di ciano, 10,97% di magenta, 0% di giallo e 39,22% di nero. Il suo angolo di tinta è 198,89°, con 21,26% di saturazione e 50,2% 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 nero su questo colore raggiunge un rapporto di contrasto di 5,66:1 (WCAG AA). Il colore con nome più vicino è Air Force Blue (#5d8aa8), ΔE 4,59.

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.2331

Complementare

  1. #658a9b
  2. #9b7665

Complementare diviso

  1. #658a9b
  2. #9b656f
  3. #9b9165

Analogo

  1. #659b91
  2. #658a9b
  3. #656f9b

Triadico

  1. #658a9b
  2. #9b658a
  3. #8a9b65

Tetradico

  1. #658a9b
  2. #76659b
  3. #9b7665
  4. #8a9b65

Quadrato

  1. #658a9b
  2. #91659b
  3. #9b7665
  4. #6f9b65

Monocromatico

  1. #29383e
  2. #47616d
  3. #658a9b
  4. #93adb9
  5. #c2d0d7

Ombre

#658a9b miscelato progressivamente con il nero.

  1. #658a9b
  2. #5b7c8c
  3. #516e7c
  4. #47616d
  5. #3d535d
  6. #33454e
  7. #28373e
  8. #1e292f
  9. #141c1f
  10. #0a0e10
  11. #000000

Tinte

#658a9b miscelato progressivamente con il bianco.

  1. #658a9b
  2. #7496a5
  3. #84a1af
  4. #93adb9
  5. #a3b9c3
  6. #b2c5cd
  7. #c1d0d7
  8. #d1dce1
  9. #e0e8eb
  10. #f0f3f5
  11. #ffffff

Toni

#658a9b miscelato progressivamente con il grigio.

  1. #658a9b
  2. #688998
  3. #6a8896
  4. #6d8793
  5. #708690
  6. #73858e
  7. #75848b
  8. #788388
  9. #7b8285
  10. #7d8183
  11. #808080

Testo leggibile 3.71:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Testo leggibile 5.66:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #858585 ≈ 0.003% degli uomini
Acromatomalia #79878e ≈ 0.001% degli uomini
Protanopia #81889c ≈ 1.01% degli uomini
Deuteranopia #79829b ≈ 1.27% degli uomini
Tritanopia #528f8f ≈ 0.0001% degli uomini
Protanomalia #77899c ≈ 1.08% degli uomini
Deuteranomalia #72859b ≈ 4.63% degli uomini
Tritanomalia #5a8d94 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-658a9b {
  color: #658a9b;
}
Sfondo
.bg-658a9b {
  background-color: #658a9b;
  color: #000000;
}
Bordo
.border-658a9b {
  border: 2px solid #658a9b;
}
Variabili CSS
:root {
  --color-primary: #658a9b;
  --color-primary-rgb: 101 138 155;
  --color-primary-hsl: 199 21% 50%;
}
Sfumatura
.gradient-658a9b {
  background: linear-gradient(135deg, #658a9b, #656f9b);
}
Ombra colorata
.shadow-658a9b {
  box-shadow: 0 8px 24px rgb(101 138 155 / 0.35);
}

#5d8aa8 Air Force Blue ΔE 4.59 #778899 Light Slate Gray ΔE 6.37 #778899 Light Slate Grey ΔE 6.37 #708090 Slate Gray ΔE 6.97 #708090 Slate Grey ΔE 6.97 #0095b6 Bondi Blue ΔE 9.28 #4682b4 Steel Blue ΔE 9.95 #9a7564 Invertito #858585 Scala di grigi 

Air Force Blue
#658a9b  rgb(101, 138, 155)  hsl(199, 21%, 50%)  Air Force Blue
#9b7665  rgb(155, 118, 101)  hsl(19, 21%, 50%)  Beaver
#9b658a  rgb(155, 101, 138)  hsl(319, 21%, 50%)  Mauve Taupe
#8a9b65  rgb(138, 155, 101)  hsl(79, 21%, 50%)  Moss Green