ColorTool
Se connecter
#7C8AFF

#7c8aff ≈ Cornflower Blue

  • bleu
  • Luminosité: élevée
  • Saturation: forte
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#7c8aff est une couleur de la famille « bleu », avec une luminosité élevée et une saturation forte. Dans le modèle RGB, elle se compose de 48,63 % de rouge, 54,12 % de vert et 100 % de bleu ; imprimée en CMJN, elle utilise 51,37 % de cyan, 45,88 % de magenta, 0 % de jaune et 0 % de noir. Son angle de teinte est de 233,59°, avec 100 % de saturation et 74,31 % de luminosité en HSL. C’est une couleur froide, souvent associée à la confiance, la stabilité et la concentration. Les designers l’utilisent souvent pour les produits technologiques, la finance et la banque et les boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 6,94:1 (WCAG AA). La couleur nommée la plus proche est Cornflower Blue (#6495ed), ΔE 7,33.

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#6699ff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.2968

Complémentaire

  1. #7c8aff
  2. #fff17c

Complémentaire divisé

  1. #7c8aff
  2. #ffaf7c
  3. #cbff7c

Analogue

  1. #7ccbff
  2. #7c8aff
  3. #af7cff

Triadique

  1. #7c8aff
  2. #ff7c8a
  3. #8aff7c

Tétradique

  1. #7c8aff
  2. #f17cff
  3. #fff17c
  4. #8aff7c

Carré

  1. #7c8aff
  2. #ff7ccb
  3. #fff17c
  4. #7cffaf

Monochrome

  1. #0018e2
  2. #2f46ff
  3. #7c8aff
  4. #c8ceff
  5. #ebedff

Ombres

#7c8aff mélangé progressivement avec du noir.

  1. #7c8aff
  2. #707ce6
  3. #636ecc
  4. #5761b3
  5. #4a5399
  6. #3e4580
  7. #323766
  8. #25294d
  9. #191c33
  10. #0c0e1a
  11. #000000

Teintes

#7c8aff mélangé progressivement avec du blanc.

  1. #7c8aff
  2. #8996ff
  3. #96a1ff
  4. #a3adff
  5. #b0b9ff
  6. #bec5ff
  7. #cbd0ff
  8. #d8dcff
  9. #e5e8ff
  10. #f2f3ff
  11. #ffffff

Tons

#7c8aff mélangé progressivement avec du gris.

  1. #7c8aff
  2. #7c89f2
  3. #7d88e6
  4. #7d87d9
  5. #7e86cc
  6. #7e85c0
  7. #7e84b3
  8. #7f83a6
  9. #7f8299
  10. #80818d
  11. #808080

Texte lisible 3.03:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 6.94:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #949494 ≈ 0.003% des hommes
Achromatomalie #8b90c8 ≈ 0.001% des hommes
Protanopie #569aff ≈ 1.01% des hommes
Deutéranopie #488ffc ≈ 1.27% des hommes
Tritanopie #42a3b8 ≈ 0.0001% des hommes
Protanomalie #6794ff ≈ 1.08% des hommes
Deutéranomalie #618dfd ≈ 4.63% des hommes
Tritanomalie #5f9ad8 ≈ 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-7c8aff {
  color: #7c8aff;
}
Arrière-plan
.bg-7c8aff {
  background-color: #7c8aff;
  color: #000000;
}
Bordure
.border-7c8aff {
  border: 2px solid #7c8aff;
}
Variables CSS
:root {
  --color-primary: #7c8aff;
  --color-primary-rgb: 124 138 255;
  --color-primary-hsl: 234 100% 74%;
}
Dégradé
.gradient-7c8aff {
  background: linear-gradient(135deg, #7c8aff, #af7cff);
}
Ombre colorée
.shadow-7c8aff {
  box-shadow: 0 8px 24px rgb(124 138 255 / 0.35);
}

#6495ed Cornflower Blue ΔE 7.33 #5b92e5 United Nations Blue ΔE 8.47 #6082b6 Glaucous ΔE 10.08 #7b68ee Medium Slate Blue ΔE 10.69 #71a6d2 Iceberg ΔE 11.32 #9370db Medium Purple ΔE 11.64 #5d8aa8 Air Force Blue ΔE 11.67 #837500 Inversée #949494 Niveaux de gris 

Cornflower Blue
#7c8aff  rgb(124, 138, 255)  hsl(234, 100%, 74%)  Cornflower Blue
#fff17c  rgb(255, 241, 124)  hsl(54, 100%, 74%)  Icterine
#ff7c8a  rgb(255, 124, 138)  hsl(354, 100%, 74%)  Light Coral
#8aff7c  rgb(138, 255, 124)  hsl(114, 100%, 74%)  Mint Green