ColorTool
Accedi
#150BA9

#150ba9 ≈ Zaffre

  • blu
  • Luminosità: bassa
  • Saturazione: forte
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#150ba9 è un colore della famiglia «blu», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 8,24% di rosso, 4,31% di verde e 66,27% di blu; in stampa CMYK usa 87,57% di ciano, 93,49% di magenta, 0% di giallo e 33,73% di nero. Il suo angolo di tinta è 243,8°, con 87,78% di saturazione e 35,29% di luminosità in HSL. È un colore freddo, spesso associato a fiducia, stabilità e concentrazione. I designer lo usano spesso per prodotti tecnologici, finanza e banche e pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 12,71:1 (WCAG AAA). Il colore con nome più vicino è Zaffre (#0014a8), ΔE 1,34.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #150ba9
  2. #9fa90b

Complementare diviso

  1. #150ba9
  2. #a9640b
  3. #50a90b

Analogo

  1. #0b50a9
  2. #150ba9
  3. #640ba9

Triadico

  1. #150ba9
  2. #a9150b
  3. #0ba915

Tetradico

  1. #150ba9
  2. #a90b9f
  3. #9fa90b
  4. #0ba915

Quadrato

  1. #150ba9
  2. #a90b50
  3. #9fa90b
  4. #0ba964

Monocromatico

  1. #030219
  2. #0c0661
  3. #150ba9
  4. #1f11f0
  5. #6359f4

Ombre

#150ba9 miscelato progressivamente con il nero.

  1. #150ba9
  2. #130a98
  3. #110987
  4. #0f0876
  5. #0d0765
  6. #0b0655
  7. #080444
  8. #060333
  9. #040222
  10. #020111
  11. #000000

Tinte

#150ba9 miscelato progressivamente con il bianco.

  1. #150ba9
  2. #2c23b2
  3. #443cba
  4. #5b54c3
  5. #736dcb
  6. #8a85d4
  7. #a19ddd
  8. #b9b6e5
  9. #d0ceee
  10. #e8e7f6
  11. #ffffff

Toni

#150ba9 miscelato progressivamente con il grigio.

  1. #150ba9
  2. #2017a5
  3. #2a22a1
  4. #352e9d
  5. #403a99
  6. #4b4695
  7. #555190
  8. #605d8c
  9. #6b6988
  10. #757484
  11. #808080

Testo leggibile 12.71:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.65:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #333333 ≈ 0.003% degli uomini
Acromatomalia #292875 ≈ 0.001% degli uomini
Protanopia #003aad ≈ 1.01% degli uomini
Deuteranopia #002aa7 ≈ 1.27% degli uomini
Tritanopia #004662 ≈ 0.0001% degli uomini
Protanomalia #002eab ≈ 1.08% degli uomini
Deuteranomalia #0021a8 ≈ 4.63% degli uomini
Tritanomalia #003784 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-150ba9 {
  color: #150ba9;
}
Sfondo
.bg-150ba9 {
  background-color: #150ba9;
  color: #ffffff;
}
Bordo
.border-150ba9 {
  border: 2px solid #150ba9;
}
Variabili CSS
:root {
  --color-primary: #150ba9;
  --color-primary-rgb: 21 11 169;
  --color-primary-hsl: 244 88% 35%;
}
Sfumatura
.gradient-150ba9 {
  background: linear-gradient(135deg, #150ba9, #640ba9);
}
Ombra colorata
.shadow-150ba9 {
  box-shadow: 0 8px 24px rgb(21 11 169 / 0.35);
}

#0014a8 Zaffre ΔE 1.34 #0000cd Medium Blue ΔE 4.30 #000f89 Phthalo Blue ΔE 4.61 #00008b Dark Blue ΔE 4.70 #002395 Imperial Blue ΔE 5.33 #000080 Navy ΔE 6.20 #32127a Persian Indigo ΔE 6.97 #eaf456 Invertito #333333 Scala di grigi 

Zaffre
#150ba9  rgb(21, 11, 169)  hsl(244, 88%, 35%)  Zaffre
#9fa90b  rgb(159, 169, 11)  hsl(64, 88%, 35%)  Apple Green
#a9150b  rgb(169, 21, 11)  hsl(4, 88%, 35%)  Rufous
#0ba915  rgb(11, 169, 21)  hsl(124, 88%, 35%)  Kelly Green