ColorTool
Se connecter
#A68FCD

#a68fcd ≈ Floral Lavender

  • violet
  • Luminosité: élevée
  • Saturation: atténuée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#a68fcd est une couleur de la famille « violet », avec une luminosité élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 65,1 % de rouge, 56,08 % de vert et 80,39 % de bleu ; imprimée en CMJN, elle utilise 19,02 % de cyan, 30,24 % de magenta, 0 % de jaune et 19,61 % de noir. Son angle de teinte est de 262,26°, avec 38,27 % de saturation et 68,24 % de luminosité en HSL. C’est une couleur froide, souvent associée à l’imagination, la spiritualité et le luxe. Les designers l’utilisent souvent pour la beauté et les cosmétiques, les studios créatifs et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 7,43:1 (WCAG AAA). La couleur nommée la plus proche est Floral Lavender (#b57edc), ΔE 7,34.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#9999cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.3216

Complémentaire

  1. #a68fcd
  2. #b6cd8f

Complémentaire divisé

  1. #a68fcd
  2. #cdc58f
  3. #97cd8f

Analogue

  1. #8f97cd
  2. #a68fcd
  3. #c58fcd

Triadique

  1. #a68fcd
  2. #cda68f
  3. #8fcda6

Tétradique

  1. #a68fcd
  2. #cd8fb6
  3. #b6cd8f
  4. #8fcda6

Carré

  1. #a68fcd
  2. #cd8f97
  3. #b6cd8f
  4. #8fcdc5

Monochrome

  1. #583c87
  2. #7c5ab5
  3. #a68fcd
  4. #d0c4e5
  5. #f4f1f9

Ombres

#a68fcd mélangé progressivement avec du noir.

  1. #a68fcd
  2. #9581b9
  3. #8572a4
  4. #746490
  5. #64567b
  6. #534867
  7. #423952
  8. #322b3e
  9. #211d29
  10. #110e15
  11. #000000

Teintes

#a68fcd mélangé progressivement avec du blanc.

  1. #a68fcd
  2. #af9ad2
  3. #b8a5d7
  4. #c1b1dc
  5. #cabce1
  6. #d3c7e6
  7. #dbd2eb
  8. #e4ddf0
  9. #ede9f5
  10. #f6f4fa
  11. #ffffff

Tons

#a68fcd mélangé progressivement avec du gris.

  1. #a68fcd
  2. #a28ec5
  3. #9e8cbe
  4. #9b8bb6
  5. #9789ae
  6. #9388a7
  7. #8f869f
  8. #8b8597
  9. #88838f
  10. #848288
  11. #808080

Texte lisible 2.83:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 7.43:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #9a9a9a ≈ 0.003% des hommes
Achromatomalie #9f96b1 ≈ 0.001% des hommes
Protanopie #8299d0 ≈ 1.01% des hommes
Deutéranopie #8699cb ≈ 1.27% des hommes
Tritanopie #9f98a5 ≈ 0.0001% des hommes
Protanomalie #9295cf ≈ 1.08% des hommes
Deutéranomalie #9495cc ≈ 4.63% des hommes
Tritanomalie #a295b6 ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-a68fcd {
  color: #a68fcd;
}
Arrière-plan
.bg-a68fcd {
  background-color: #a68fcd;
  color: #000000;
}
Bordure
.border-a68fcd {
  border: 2px solid #a68fcd;
}
Variables CSS
:root {
  --color-primary: #a68fcd;
  --color-primary-rgb: 166 143 205;
  --color-primary-hsl: 262 38% 68%;
}
Dégradé
.gradient-a68fcd {
  background: linear-gradient(135deg, #a68fcd, #c58fcd);
}
Ombre colorée
.shadow-a68fcd {
  box-shadow: 0 8px 24px rgb(166 143 205 / 0.35);
}

#b57edc Floral Lavender ΔE 7.34 #9678b6 Purple Mountain Majesty ΔE 7.42 #c9a0dc Wisteria ΔE 7.76 #c8a2c8 Lilac ΔE 10.52 #9370db Medium Purple ΔE 11.20 #8c92ac Cool Gray ΔE 11.26 #b39eb5 Pastel Purple ΔE 11.55 #597032 Inversée #9a9a9a Niveaux de gris 

Floral Lavender
#a68fcd  rgb(166, 143, 205)  hsl(262, 38%, 68%)  Floral Lavender
#b6cd8f  rgb(182, 205, 143)  hsl(82, 38%, 68%)  Olivine
#cda68f  rgb(205, 166, 143)  hsl(22, 38%, 68%)  Tumbleweed
#8fcda6  rgb(143, 205, 166)  hsl(142, 38%, 68%)  Seafoam Green