ColorTool
Accedi
#A689CF

#a689cf ≈ Floral Lavender

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

#a689cf è un colore della famiglia «viola», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 65,1% di rosso, 53,73% di verde e 81,18% di blu; in stampa CMYK usa 19,81% di ciano, 33,82% di magenta, 0% di giallo e 18,82% di nero. Il suo angolo di tinta è 264,86°, con 42,17% di saturazione e 67,45% 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 accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 7,1:1 (WCAG AAA). Il colore con nome più vicino è Floral Lavender (#b57edc), ΔE 5,4.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #a689cf
  2. #b2cf89

Complementare diviso

  1. #a689cf
  2. #cfc989
  3. #8fcf89

Analogo

  1. #898fcf
  2. #a689cf
  3. #c989cf

Triadico

  1. #a689cf
  2. #cfa689
  3. #89cfa6

Tetradico

  1. #a689cf
  2. #cf89b2
  3. #b2cf89
  4. #89cfa6

Quadrato

  1. #a689cf
  2. #cf898f
  3. #b2cf89
  4. #89cfc9

Monocromatico

  1. #593788
  2. #7d53b9
  3. #a689cf
  4. #cfbfe5
  5. #f4f0f9

Ombre

#a689cf miscelato progressivamente con il nero.

  1. #a689cf
  2. #957bba
  3. #856ea6
  4. #746091
  5. #64527c
  6. #534568
  7. #423753
  8. #32293e
  9. #211b29
  10. #110e15
  11. #000000

Tinte

#a689cf miscelato progressivamente con il bianco.

  1. #a689cf
  2. #af95d4
  3. #b8a1d9
  4. #c1acdd
  5. #cab8e2
  6. #d3c4e7
  7. #dbd0ec
  8. #e4dcf1
  9. #ede7f5
  10. #f6f3fa
  11. #ffffff

Toni

#a689cf miscelato progressivamente con il grigio.

  1. #a689cf
  2. #a288c7
  3. #9e87bf
  4. #9b86b7
  5. #9785af
  6. #9385a8
  7. #8f84a0
  8. #8b8398
  9. #888290
  10. #848188
  11. #808080

Testo leggibile 2.96:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 7.1:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #969696 ≈ 0.003% degli uomini
Acromatomalia #9d91b0 ≈ 0.001% degli uomini
Protanopia #7a95d2 ≈ 1.01% degli uomini
Deuteranopia #7f96cd ≈ 1.27% degli uomini
Tritanopia #9f94a3 ≈ 0.0001% degli uomini
Protanomalia #8e91d1 ≈ 1.08% degli uomini
Deuteranomalia #9091ce ≈ 4.63% degli uomini
Tritanomalia #a290b6 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-a689cf {
  color: #a689cf;
}
Sfondo
.bg-a689cf {
  background-color: #a689cf;
  color: #000000;
}
Bordo
.border-a689cf {
  border: 2px solid #a689cf;
}
Variabili CSS
:root {
  --color-primary: #a689cf;
  --color-primary-rgb: 166 137 207;
  --color-primary-hsl: 265 42% 67%;
}
Sfumatura
.gradient-a689cf {
  background: linear-gradient(135deg, #a689cf, #c989cf);
}
Ombra colorata
.shadow-a689cf {
  box-shadow: 0 8px 24px rgb(166 137 207 / 0.35);
}

#b57edc Floral Lavender ΔE 5.40 #9678b6 Purple Mountain Majesty ΔE 6.27 #c9a0dc Wisteria ΔE 8.71 #9370db Medium Purple ΔE 9.30 #9966cc Amethyst ΔE 10.69 #c8a2c8 Lilac ΔE 11.90 #dda0dd Plum ΔE 12.12 #597630 Invertito #969696 Scala di grigi 

Floral Lavender
#a689cf  rgb(166, 137, 207)  hsl(265, 42%, 67%)  Floral Lavender
#b2cf89  rgb(178, 207, 137)  hsl(85, 42%, 67%)  Pistachio
#cfa689  rgb(207, 166, 137)  hsl(25, 42%, 67%)  Tumbleweed
#89cfa6  rgb(137, 207, 166)  hsl(145, 42%, 67%)  Medium Aquamarine