ColorTool
Accedi
#255DA5

#255da5 ≈ Lapis Lazuli

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

#255da5 è un colore della famiglia «azzurro», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 14,51% di rosso, 36,47% di verde e 64,71% di blu; in stampa CMYK usa 77,58% di ciano, 43,64% di magenta, 0% di giallo e 35,29% di nero. Il suo angolo di tinta è 213,75°, con 63,37% di saturazione e 39,61% 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 6,59:1 (WCAG AA). Il colore con nome più vicino è Lapis Lazuli (#26619c), ΔE 2,26.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #255da5
  2. #a56d25

Complementare diviso

  1. #255da5
  2. #a52d25
  3. #9da525

Analogo

  1. #259da5
  2. #255da5
  3. #2d25a5

Triadico

  1. #255da5
  2. #a5255d
  3. #5da525

Tetradico

  1. #255da5
  2. #6d25a5
  3. #a56d25
  4. #5da525

Quadrato

  1. #255da5
  2. #a5259d
  3. #a56d25
  4. #25a52d

Monocromatico

  1. #091728
  2. #173a67
  3. #255da5
  4. #4282d5
  5. #80abe3

Ombre

#255da5 miscelato progressivamente con il nero.

  1. #255da5
  2. #215495
  3. #1e4a84
  4. #1a4174
  5. #163863
  6. #132f53
  7. #0f2542
  8. #0b1c32
  9. #071321
  10. #040911
  11. #000000

Tinte

#255da5 miscelato progressivamente con il bianco.

  1. #255da5
  2. #3b6dae
  3. #517db7
  4. #668ec0
  5. #7c9ec9
  6. #92aed2
  7. #a8bedb
  8. #becee4
  9. #d3dfed
  10. #e9eff6
  11. #ffffff

Toni

#255da5 miscelato progressivamente con il grigio.

  1. #255da5
  2. #2e61a1
  3. #37649e
  4. #40689a
  5. #496b96
  6. #536f93
  7. #5c728f
  8. #65768b
  9. #6e7987
  10. #777d84
  11. #808080

Testo leggibile 6.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.19:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5d5d5d ≈ 0.003% degli uomini
Acromatomalia #4c5d80 ≈ 0.001% degli uomini
Protanopia #3963a8 ≈ 1.01% degli uomini
Deuteranopia #2158a4 ≈ 1.27% degli uomini
Tritanopia #006e79 ≈ 0.0001% degli uomini
Protanomalia #3261a7 ≈ 1.08% degli uomini
Deuteranomalia #235aa4 ≈ 4.63% degli uomini
Tritanomalia #00688d ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-255da5 {
  color: #255da5;
}
Sfondo
.bg-255da5 {
  background-color: #255da5;
  color: #ffffff;
}
Bordo
.border-255da5 {
  border: 2px solid #255da5;
}
Variabili CSS
:root {
  --color-primary: #255da5;
  --color-primary-rgb: 37 93 165;
  --color-primary-hsl: 214 63% 40%;
}
Sfumatura
.gradient-255da5 {
  background: linear-gradient(135deg, #255da5, #2d25a5);
}
Ombra colorata
.shadow-255da5 {
  box-shadow: 0 8px 24px rgb(37 93 165 / 0.35);
}

#26619c Lapis Lazuli ΔE 2.26 #1560bd Denim ΔE 2.78 #0f52ba Sapphire ΔE 4.75 #0067a5 Medium Persian Blue ΔE 5.57 #436b95 Queen Blue ΔE 5.57 #0f4d92 Yale Blue ΔE 5.58 #0047ab Cobalt Blue ΔE 7.47 #daa25a Invertito #5d5d5d Scala di grigi 

Lapis Lazuli
#255da5  rgb(37, 93, 165)  hsl(214, 63%, 40%)  Lapis Lazuli
#a56d25  rgb(165, 109, 37)  hsl(34, 63%, 40%)  Golden Brown
#a5255d  rgb(165, 37, 93)  hsl(334, 63%, 40%)  Jazzberry Jam
#5da525  rgb(93, 165, 37)  hsl(94, 63%, 40%)  Kelly Green