ColorTool
Accedi
#257CB6

#257cb6 ≈ Steel Blue

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

#257cb6 è un colore della famiglia «azzurro», con luminosità media e saturazione forte. Nel modello RGB è composto da 14,51% di rosso, 48,63% di verde e 71,37% di blu; in stampa CMYK usa 79,67% di ciano, 31,87% di magenta, 0% di giallo e 28,63% di nero. Il suo angolo di tinta è 204°, con 66,21% di saturazione e 42,94% 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 4,64:1 (WCAG AA). Il colore con nome più vicino è Steel Blue (#4682b4), ΔE 3,51.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #257cb6
  2. #b65f25

Complementare diviso

  1. #257cb6
  2. #b62533
  3. #b6a725

Analogo

  1. #25b6a7
  2. #257cb6
  3. #2533b6

Triadico

  1. #257cb6
  2. #b6257c
  3. #7cb625

Tetradico

  1. #257cb6
  2. #5f25b6
  3. #b65f25
  4. #7cb625

Quadrato

  1. #257cb6
  2. #a725b6
  3. #b65f25
  4. #33b625

Monocromatico

  1. #0b2537
  2. #185176
  3. #257cb6
  4. #4da2db
  5. #8cc3e8

Ombre

#257cb6 miscelato progressivamente con il nero.

  1. #257cb6
  2. #2170a4
  3. #1e6392
  4. #1a577f
  5. #164a6d
  6. #133e5b
  7. #0f3249
  8. #0b2537
  9. #071924
  10. #040c12
  11. #000000

Tinte

#257cb6 miscelato progressivamente con il bianco.

  1. #257cb6
  2. #3b89bd
  3. #5196c5
  4. #66a3cc
  5. #7cb0d3
  6. #92bedb
  7. #a8cbe2
  8. #bed8e9
  9. #d3e5f0
  10. #e9f2f8
  11. #ffffff

Toni

#257cb6 miscelato progressivamente con il grigio.

  1. #257cb6
  2. #2e7cb1
  3. #377dab
  4. #407da6
  5. #497ea0
  6. #537e9b
  7. #5c7e96
  8. #657f90
  9. #6e7f8b
  10. #778085
  11. #808080

Testo leggibile 4.53:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.64:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #767676 ≈ 0.003% degli uomini
Acromatomalia #607994 ≈ 0.001% degli uomini
Protanopia #617eb9 ≈ 1.01% degli uomini
Deuteranopia #4d70b5 ≈ 1.27% degli uomini
Tritanopia #008a91 ≈ 0.0001% degli uomini
Protanomalia #4f7db8 ≈ 1.08% degli uomini
Deuteranomalia #4075b5 ≈ 4.63% degli uomini
Tritanomalia #0085a1 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-257cb6 {
  color: #257cb6;
}
Sfondo
.bg-257cb6 {
  background-color: #257cb6;
  color: #000000;
}
Bordo
.border-257cb6 {
  border: 2px solid #257cb6;
}
Variabili CSS
:root {
  --color-primary: #257cb6;
  --color-primary-rgb: 37 124 182;
  --color-primary-hsl: 204 66% 43%;
}
Sfumatura
.gradient-257cb6 {
  background: linear-gradient(135deg, #257cb6, #2533b6);
}
Ombra colorata
.shadow-257cb6 {
  box-shadow: 0 8px 24px rgb(37 124 182 / 0.35);
}

#4682b4 Steel Blue ΔE 3.51 #0072bb French Blue ΔE 4.06 #417dc1 Tufts Blue ΔE 4.50 #007ba7 Cerulean ΔE 5.02 #0073cf True Blue ΔE 5.10 #0067a5 Medium Persian Blue ΔE 7.80 #436b95 Queen Blue ΔE 8.06 #da8349 Invertito #767676 Scala di grigi 

Steel Blue
#257cb6  rgb(37, 124, 182)  hsl(204, 66%, 43%)  Steel Blue
#b65f25  rgb(182, 95, 37)  hsl(24, 66%, 43%)  Burnt Orange
#b6257c  rgb(182, 37, 124)  hsl(324, 66%, 43%)  Medium Violet Red
#7cb625  rgb(124, 182, 37)  hsl(84, 66%, 43%)  Apple Green