ColorTool
Accedi
#4E46CC

#4e46cc ≈ Iris

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

#4e46cc è un colore della famiglia «blu», con luminosità media e saturazione forte. Nel modello RGB è composto da 30,59% di rosso, 27,45% di verde e 80% di blu; in stampa CMYK usa 61,76% di ciano, 65,69% di magenta, 0% di giallo e 20% di nero. Il suo angolo di tinta è 243,58°, con 56,78% di saturazione e 53,73% 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 accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 6,84:1 (WCAG AA). Il colore con nome più vicino è Iris (#5a4fcf), ΔE 2,92.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #4e46cc
  2. #c4cc46

Complementare diviso

  1. #4e46cc
  2. #cc9146
  3. #81cc46

Analogo

  1. #4681cc
  2. #4e46cc
  3. #9146cc

Triadico

  1. #4e46cc
  2. #cc4e46
  3. #46cc4e

Tetradico

  1. #4e46cc
  2. #cc46c4
  3. #c4cc46
  4. #46cc4e

Quadrato

  1. #4e46cc
  2. #cc4681
  3. #c4cc46
  4. #46cc91

Monocromatico

  1. #1e1a5f
  2. #312b9b
  3. #4e46cc
  4. #8782dd
  5. #c1beed

Ombre

#4e46cc miscelato progressivamente con il nero.

  1. #4e46cc
  2. #463fb8
  3. #3e38a3
  4. #37318f
  5. #2f2a7a
  6. #272366
  7. #1f1c52
  8. #17153d
  9. #100e29
  10. #080714
  11. #000000

Tinte

#4e46cc miscelato progressivamente con il bianco.

  1. #4e46cc
  2. #6059d1
  3. #716bd6
  4. #837edb
  5. #9590e0
  6. #a7a3e6
  7. #b8b5eb
  8. #cac8f0
  9. #dcdaf5
  10. #ededfa
  11. #ffffff

Toni

#4e46cc miscelato progressivamente con il grigio.

  1. #4e46cc
  2. #534cc4
  3. #5852bd
  4. #5d57b5
  5. #625dae
  6. #6763a6
  7. #6c699e
  8. #716f97
  9. #76748f
  10. #7b7a88
  11. #808080

Testo leggibile 6.84:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.07:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5b5b5b ≈ 0.003% degli uomini
Acromatomalia #565396 ≈ 0.001% degli uomini
Protanopia #0060d0 ≈ 1.01% degli uomini
Deuteranopia #0055c9 ≈ 1.27% degli uomini
Tritanopia #006983 ≈ 0.0001% degli uomini
Protanomalia #0657cf ≈ 1.08% degli uomini
Deuteranomalia #004fca ≈ 4.63% degli uomini
Tritanomalia #275da5 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-4e46cc {
  color: #4e46cc;
}
Sfondo
.bg-4e46cc {
  background-color: #4e46cc;
  color: #ffffff;
}
Bordo
.border-4e46cc {
  border: 2px solid #4e46cc;
}
Variabili CSS
:root {
  --color-primary: #4e46cc;
  --color-primary-rgb: 78 70 204;
  --color-primary-hsl: 244 57% 54%;
}
Sfumatura
.gradient-4e46cc {
  background: linear-gradient(135deg, #4e46cc, #9146cc);
}
Ombra colorata
.shadow-4e46cc {
  box-shadow: 0 8px 24px rgb(78 70 204 / 0.35);
}

#5a4fcf Iris ΔE 2.92 #4f42b5 Ocean Blue ΔE 3.40 #6050dc Majorelle Blue ΔE 4.39 #1c39bb Persian Blue ΔE 6.42 #6a5acd Slate Blue ΔE 6.84 #5218fa Han Purple ΔE 8.41 #0f52ba Sapphire ΔE 9.23 #b1b933 Invertito #5b5b5b Scala di grigi 

Iris
#4e46cc  rgb(78, 70, 204)  hsl(244, 57%, 54%)  Iris
#c4cc46  rgb(196, 204, 70)  hsl(64, 57%, 54%)  June Bud
#cc4e46  rgb(204, 78, 70)  hsl(4, 57%, 54%)  Persian Red
#46cc4e  rgb(70, 204, 78)  hsl(124, 57%, 54%)  Lime Green