ColorTool
Accedi
#E3DDFF

#e3ddff ≈ Lavender

  • viola
  • Luminosità: molto alta
  • Saturazione: attenuata
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#e3ddff è un colore della famiglia «viola», con luminosità molto alta e saturazione attenuata. Nel modello RGB è composto da 89,02% di rosso, 86,67% di verde e 100% di blu; in stampa CMYK usa 10,98% di ciano, 13,33% di magenta, 0% di giallo e 0% di nero. Il suo angolo di tinta è 250,59°, con 100% di saturazione e 93,33% di luminosità in HSL. È un colore freddo, spesso associato a immaginazione, spiritualità e lusso. I designer lo usano spesso per bellezza e cosmetica, studi creativi e palette pastello delicate. Il testo nero su questo colore raggiunge un rapporto di contrasto di 16,05:1 (WCAG AAA). Il colore con nome più vicino è Lavender (#e6e6fa), ΔE 5,66.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #e3ddff
  2. #f9ffdd

Complementare diviso

  1. #e3ddff
  2. #fff4dd
  3. #e8ffdd

Analogo

  1. #dde8ff
  2. #e3ddff
  3. #f4ddff

Triadico

  1. #e3ddff
  2. #ffe3dd
  3. #ddffe3

Tetradico

  1. #e3ddff
  2. #ffddf9
  3. #f9ffdd
  4. #ddffe3

Quadrato

  1. #e3ddff
  2. #ffdde8
  3. #f9ffdd
  4. #ddfff4

Monocromatico

  1. #6544ff
  2. #a490ff
  3. #e3ddff
  4. #eeebff
  5. #eeebff

Ombre

#e3ddff miscelato progressivamente con il nero.

  1. #e3ddff
  2. #ccc7e6
  3. #b6b1cc
  4. #9f9bb3
  5. #888599
  6. #726f80
  7. #5b5866
  8. #44424d
  9. #2d2c33
  10. #17161a
  11. #000000

Tinte

#e3ddff miscelato progressivamente con il bianco.

  1. #e3ddff
  2. #e6e0ff
  3. #e9e4ff
  4. #ebe7ff
  5. #eeebff
  6. #f1eeff
  7. #f4f1ff
  8. #f7f5ff
  9. #f9f8ff
  10. #fcfcff
  11. #ffffff

Toni

#e3ddff miscelato progressivamente con il grigio.

  1. #e3ddff
  2. #d9d4f2
  3. #cfcae6
  4. #c5c1d9
  5. #bbb8cc
  6. #b2afc0
  7. #a8a5b3
  8. #9e9ca6
  9. #949399
  10. #8a898d
  11. #808080

Testo leggibile 1.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 16.05:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e1e1e1 ≈ 0.003% degli uomini
Acromatomalia #e2dfee ≈ 0.001% degli uomini
Protanopia #d6e1ff ≈ 1.01% degli uomini
Deuteranopia #d7e0fe ≈ 1.27% degli uomini
Tritanopia #dee2e8 ≈ 0.0001% degli uomini
Protanomalia #dbe0ff ≈ 1.08% degli uomini
Deuteranomalia #dcdffe ≈ 4.63% degli uomini
Tritanomalia #e0e0f2 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-e3ddff {
  color: #e3ddff;
}
Sfondo
.bg-e3ddff {
  background-color: #e3ddff;
  color: #000000;
}
Bordo
.border-e3ddff {
  border: 2px solid #e3ddff;
}
Variabili CSS
:root {
  --color-primary: #e3ddff;
  --color-primary-rgb: 227 221 255;
  --color-primary-hsl: 251 100% 93%;
}
Sfumatura
.gradient-e3ddff {
  background: linear-gradient(135deg, #e3ddff, #f4ddff);
}
Ombra colorata
.shadow-e3ddff {
  box-shadow: 0 8px 24px rgb(227 221 255 / 0.35);
}

#e6e6fa Lavender ΔE 5.66 #ccccff Periwinkle ΔE 6.62 #d6cadd Languid Lavender ΔE 6.93 #f8f4ff Magnolia ΔE 9.45 #d8bfd8 Thistle ΔE 9.46 #fff0f5 Lavender Blush ΔE 11.56 #f8f8ff Ghost White ΔE 11.73 #1c2200 Invertito #e1e1e1 Scala di grigi 

Lavender
#e3ddff  rgb(227, 221, 255)  hsl(251, 100%, 93%)  Lavender
#f9ffdd  rgb(249, 255, 221)  hsl(71, 100%, 93%)  Light Yellow
#ffe3dd  rgb(255, 227, 221)  hsl(11, 100%, 93%)  Misty Rose
#ddffe3  rgb(221, 255, 227)  hsl(131, 100%, 93%)  Tea Green