ColorTool
Accedi
#AE96F1

#ae96f1 ≈ Floral Lavender

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

#ae96f1 è un colore della famiglia «viola», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 68,24% di rosso, 58,82% di verde e 94,51% di blu; in stampa CMYK usa 27,8% di ciano, 37,76% di magenta, 0% di giallo e 5,49% di nero. Il suo angolo di tinta è 255,82°, con 76,47% di saturazione e 76,67% 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 8,43:1 (WCAG AAA). Il colore con nome più vicino è Floral Lavender (#b57edc), ΔE 7,97.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #ae96f1
  2. #d9f196

Complementare diviso

  1. #ae96f1
  2. #f1db96
  3. #acf196

Analogo

  1. #96acf1
  2. #ae96f1
  3. #db96f1

Triadico

  1. #ae96f1
  2. #f1ae96
  3. #96f1ae

Tetradico

  1. #ae96f1
  2. #f196d9
  3. #d9f196
  4. #96f1ae

Quadrato

  1. #ae96f1
  2. #f196ac
  3. #d9f196
  4. #96f1db

Monocromatico

  1. #4c1cd2
  2. #7a53e8
  3. #ae96f1
  4. #e2dafa
  5. #f1edfd

Ombre

#ae96f1 miscelato progressivamente con il nero.

  1. #ae96f1
  2. #9d87d9
  3. #8b78c1
  4. #7a69a9
  5. #685a91
  6. #574b79
  7. #463c60
  8. #342d48
  9. #231e30
  10. #110f18
  11. #000000

Tinte

#ae96f1 miscelato progressivamente con il bianco.

  1. #ae96f1
  2. #b6a1f2
  3. #beabf4
  4. #c6b6f5
  5. #cec0f7
  6. #d7cbf8
  7. #dfd5f9
  8. #e7e0fb
  9. #efeafc
  10. #f7f5fe
  11. #ffffff

Toni

#ae96f1 miscelato progressivamente con il grigio.

  1. #ae96f1
  2. #a994e6
  3. #a592da
  4. #a08fcf
  5. #9c8dc4
  6. #978bb9
  7. #9289ad
  8. #8e87a2
  9. #898497
  10. #85828b
  11. #808080

Testo leggibile 2.49:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 8.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a4a4a4 ≈ 0.003% degli uomini
Acromatomalia #a89fc8 ≈ 0.001% degli uomini
Protanopia #7da5f5 ≈ 1.01% degli uomini
Deuteranopia #80a3ef ≈ 1.27% degli uomini
Tritanopia #a0a6b8 ≈ 0.0001% degli uomini
Protanomalia #939ff3 ≈ 1.08% degli uomini
Deuteranomalia #959ef0 ≈ 4.63% degli uomini
Tritanomalia #a6a0d1 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-ae96f1 {
  color: #ae96f1;
}
Sfondo
.bg-ae96f1 {
  background-color: #ae96f1;
  color: #000000;
}
Bordo
.border-ae96f1 {
  border: 2px solid #ae96f1;
}
Variabili CSS
:root {
  --color-primary: #ae96f1;
  --color-primary-rgb: 174 150 241;
  --color-primary-hsl: 256 76% 77%;
}
Sfumatura
.gradient-ae96f1 {
  background: linear-gradient(135deg, #ae96f1, #db96f1);
}
Ombra colorata
.shadow-ae96f1 {
  box-shadow: 0 8px 24px rgb(174 150 241 / 0.35);
}

#b57edc Floral Lavender ΔE 7.97 #c9a0dc Wisteria ΔE 9.51 #e0b0ff Mauve ΔE 10.65 #a2add0 Wild Blue Yonder ΔE 11.00 #9370db Medium Purple ΔE 11.24 #9678b6 Purple Mountain Majesty ΔE 12.23 #df73ff Heliotrope ΔE 12.59 #51690e Invertito #a4a4a4 Scala di grigi 

Floral Lavender
#ae96f1  rgb(174, 150, 241)  hsl(256, 76%, 77%)  Floral Lavender
#d9f196  rgb(217, 241, 150)  hsl(76, 76%, 77%)  Pastel Yellow
#f1ae96  rgb(241, 174, 150)  hsl(16, 76%, 77%)  Vivid Tangerine
#96f1ae  rgb(150, 241, 174)  hsl(136, 76%, 77%)  Granny Smith Apple