ColorTool
Accedi
#CAA3DA

#caa3da ≈ Wisteria

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

#caa3da è un colore della famiglia «magenta», con luminosità alta e saturazione attenuata. Nel modello RGB è composto da 79,22% di rosso, 63,92% di verde e 85,49% di blu; in stampa CMYK usa 7,34% di ciano, 25,23% di magenta, 0% di giallo e 14,51% di nero. Il suo angolo di tinta è 282,55°, con 42,64% di saturazione e 74,71% di luminosità in HSL. È un colore freddo, spesso associato a creatività, audacia e individualità. I designer lo usano spesso per bellezza e cosmetica, studi creativi e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 9,76:1 (WCAG AAA). Il colore con nome più vicino è Wisteria (#c9a0dc), ΔE 1,28.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #caa3da
  2. #b3daa3

Complementare diviso

  1. #caa3da
  2. #cfdaa3
  3. #a3daaf

Analogo

  1. #afa3da
  2. #caa3da
  3. #daa3cf

Triadico

  1. #caa3da
  2. #dacaa3
  3. #a3daca

Tetradico

  1. #caa3da
  2. #daa3b3
  3. #b3daa3
  4. #a3daca

Quadrato

  1. #caa3da
  2. #daafa3
  3. #b3daa3
  4. #a3cfda

Monocromatico

  1. #8641a3
  2. #ab6cc4
  3. #caa3da
  4. #e9daf0
  5. #f7f0f9

Ombre

#caa3da miscelato progressivamente con il nero.

  1. #caa3da
  2. #b693c4
  3. #a282ae
  4. #8d7299
  5. #796283
  6. #65526d
  7. #514157
  8. #3d3141
  9. #28212c
  10. #141016
  11. #000000

Tinte

#caa3da miscelato progressivamente con il bianco.

  1. #caa3da
  2. #cfacde
  3. #d5b5e1
  4. #dabfe5
  5. #dfc8e9
  6. #e5d1ed
  7. #eadaf0
  8. #efe3f4
  9. #f4edf8
  10. #faf6fb
  11. #ffffff

Toni

#caa3da miscelato progressivamente con il grigio.

  1. #caa3da
  2. #c3a0d1
  3. #bb9cc8
  4. #b499bf
  5. #ac95b6
  6. #a592ad
  7. #9e8ea4
  8. #968b9b
  9. #8f8792
  10. #878489
  11. #808080

Testo leggibile 2.15:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 9.76:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b1b1b1 ≈ 0.003% degli uomini
Acromatomalia #bbabc3 ≈ 0.001% degli uomini
Protanopia #9caedc ≈ 1.01% degli uomini
Deuteranopia #a4b2d8 ≈ 1.27% degli uomini
Tritanopia #caa9b6 ≈ 0.0001% degli uomini
Protanomalia #b0aadb ≈ 1.08% degli uomini
Deuteranomalia #b5acd9 ≈ 4.63% degli uomini
Tritanomalia #caa7c6 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-caa3da {
  color: #caa3da;
}
Sfondo
.bg-caa3da {
  background-color: #caa3da;
  color: #000000;
}
Bordo
.border-caa3da {
  border: 2px solid #caa3da;
}
Variabili CSS
:root {
  --color-primary: #caa3da;
  --color-primary-rgb: 202 163 218;
  --color-primary-hsl: 283 43% 75%;
}
Sfumatura
.gradient-caa3da {
  background: linear-gradient(135deg, #caa3da, #daa3cf);
}
Ombra colorata
.shadow-caa3da {
  box-shadow: 0 8px 24px rgb(202 163 218 / 0.35);
}

#c9a0dc Wisteria ΔE 1.28 #dda0dd Plum ΔE 4.34 #c8a2c8 Lilac ΔE 4.60 #e0b0ff Mauve ΔE 6.65 #b39eb5 Pastel Purple ΔE 9.75 #d8bfd8 Thistle ΔE 10.26 #ee82ee Violet ΔE 11.48 #355c25 Invertito #b1b1b1 Scala di grigi 

Wisteria
#caa3da  rgb(202, 163, 218)  hsl(283, 43%, 75%)  Wisteria
#b3daa3  rgb(179, 218, 163)  hsl(103, 43%, 75%)  Celadon
#dacaa3  rgb(218, 202, 163)  hsl(43, 43%, 75%)  Wheat
#a3daca  rgb(163, 218, 202)  hsl(163, 43%, 75%)  Seafoam Green