ColorTool
Accedi
#0102EF

#0102ef ≈ Blue

  • blu
  • Luminosità: media
  • Saturazione: vivace
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#0102ef è un colore della famiglia «blu», con luminosità media e saturazione vivace. Nel modello RGB è composto da 0,39% di rosso, 0,78% di verde e 93,73% di blu; in stampa CMYK usa 99,58% di ciano, 99,16% di magenta, 0% di giallo e 6,27% di nero. Il suo angolo di tinta è 239,75°, con 99,17% di saturazione e 47,06% 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 9,31:1 (WCAG AAA). Il colore con nome più vicino è Blue (#0000ff), ΔE 1,97.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #0102ef
  2. #efee01

Complementare diviso

  1. #0102ef
  2. #ef7701
  3. #79ef01

Analogo

  1. #0179ef
  2. #0102ef
  3. #7701ef

Triadico

  1. #0102ef
  2. #ef0102
  3. #02ef01

Tetradico

  1. #0102ef
  2. #ee01ef
  3. #efee01
  4. #02ef01

Quadrato

  1. #0102ef
  2. #ef0179
  3. #efee01
  4. #01ef77

Monocromatico

  1. #000157
  2. #0101a3
  3. #0102ef
  4. #3e3ffe
  5. #8a8bff

Ombre

#0102ef miscelato progressivamente con il nero.

  1. #0102ef
  2. #0102d7
  3. #0102bf
  4. #0101a7
  5. #01018f
  6. #010178
  7. #000160
  8. #000148
  9. #000030
  10. #000018
  11. #000000

Tinte

#0102ef miscelato progressivamente con il bianco.

  1. #0102ef
  2. #1a1bf1
  3. #3435f2
  4. #4d4ef4
  5. #6767f5
  6. #8081f7
  7. #999af9
  8. #b3b3fa
  9. #ccccfc
  10. #e6e6fd
  11. #ffffff

Toni

#0102ef miscelato progressivamente con il grigio.

  1. #0102ef
  2. #0e0fe4
  3. #1a1bd9
  4. #2728ce
  5. #3434c3
  6. #4141b8
  7. #4d4eac
  8. #5a5aa1
  9. #676796
  10. #73738b
  11. #808080

Testo leggibile 9.31:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.26:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #474747 ≈ 0.003% degli uomini
Acromatomalia #3737a6 ≈ 0.001% degli uomini
Protanopia #0053f4 ≈ 1.01% degli uomini
Deuteranopia #0039ec ≈ 1.27% degli uomini
Tritanopia #00648c ≈ 0.0001% degli uomini
Protanomalia #0040f2 ≈ 1.08% degli uomini
Deuteranomalia #002ced ≈ 4.63% degli uomini
Tritanomalia #004ebc ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-0102ef {
  color: #0102ef;
}
Sfondo
.bg-0102ef {
  background-color: #0102ef;
  color: #ffffff;
}
Bordo
.border-0102ef {
  border: 2px solid #0102ef;
}
Variabili CSS
:root {
  --color-primary: #0102ef;
  --color-primary-rgb: 1 2 239;
  --color-primary-hsl: 240 99% 47%;
}
Sfumatura
.gradient-0102ef {
  background: linear-gradient(135deg, #0102ef, #7701ef);
}
Ombra colorata
.shadow-0102ef {
  box-shadow: 0 8px 24px rgb(1 2 239 / 0.35);
}

#0000ff Blue ΔE 1.97 #3f00ff Ultramarine ΔE 3.80 #0000cd Medium Blue ΔE 4.41 #5218fa Han Purple ΔE 5.55 #6f00ff Electric Indigo ΔE 8.26 #0014a8 Zaffre ΔE 8.70 #1c39bb Persian Blue ΔE 9.04 #fefd10 Invertito #474747 Scala di grigi 

Blue
#0102ef  rgb(1, 2, 239)  hsl(240, 99%, 47%)  Blue
#efee01  rgb(239, 238, 1)  hsl(60, 99%, 47%)  Titanium Yellow
#ef0102  rgb(239, 1, 2)  hsl(360, 99%, 47%)  Red
#02ef01  rgb(2, 239, 1)  hsl(120, 99%, 47%)  Lime