ColorTool
Se connecter
#82BBCA

#82bbca ≈ Moonstone Blue

  • cyan
  • Luminosité: élevée
  • Saturation: modérée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#82bbca est une couleur de la famille « cyan », avec une luminosité élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 50,98 % de rouge, 73,33 % de vert et 79,22 % de bleu ; imprimée en CMJN, elle utilise 35,64 % de cyan, 7,43 % de magenta, 0 % de jaune et 20,78 % de noir. Son angle de teinte est de 192,5°, avec 40,45 % de saturation et 65,1 % de luminosité en HSL. C’est une couleur froide, souvent associée à la fraîcheur, la technologie et la clarté. Les designers l’utilisent souvent pour la santé et le bien-être, les produits technologiques et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 9,91:1 (WCAG AAA). La couleur nommée la plus proche est Moonstone Blue (#73a9c2), ΔE 6,46.

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

Complémentaire

  1. #82bbca
  2. #ca9182

Complémentaire divisé

  1. #82bbca
  2. #ca8297
  3. #cab582

Analogue

  1. #82cab5
  2. #82bbca
  3. #8297ca

Triadique

  1. #82bbca
  2. #ca82bb
  3. #bbca82

Tétradique

  1. #82bbca
  2. #9182ca
  3. #ca9182
  4. #bbca82

Carré

  1. #82bbca
  2. #b582ca
  3. #ca9182
  4. #97ca82

Monochrome

  1. #356f7e
  2. #4c9eb3
  3. #82bbca
  4. #b8d8e1
  5. #edf5f8

Ombres

#82bbca mélangé progressivement avec du noir.

  1. #82bbca
  2. #75a8b6
  3. #6896a2
  4. #5b838d
  5. #4e7079
  6. #415e65
  7. #344b51
  8. #27383d
  9. #1a2528
  10. #0d1314
  11. #000000

Teintes

#82bbca mélangé progressivement avec du blanc.

  1. #82bbca
  2. #8fc2cf
  3. #9bc9d5
  4. #a8cfda
  5. #b4d6df
  6. #c1dde5
  7. #cde4ea
  8. #daebef
  9. #e6f1f4
  10. #f3f8fa
  11. #ffffff

Tons

#82bbca mélangé progressivement avec du gris.

  1. #82bbca
  2. #82b5c3
  3. #82afbb
  4. #81a9b4
  5. #81a3ac
  6. #819ea5
  7. #81989e
  8. #819296
  9. #808c8f
  10. #808687
  11. #808080

Texte lisible 2.12:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 9.91:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #b2b2b2 ≈ 0.003% des hommes
Achromatomalie #a1b6bc ≈ 0.001% des hommes
Protanopie #b0b7cb ≈ 1.01% des hommes
Deutéranopie #a5aeca ≈ 1.27% des hommes
Tritanopie #67c1c0 ≈ 0.0001% des hommes
Protanomalie #a0b9cb ≈ 1.08% des hommes
Deutéranomalie #98b4ca ≈ 4.63% des hommes
Tritanomalie #73bfc4 ≈ 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-82bbca {
  color: #82bbca;
}
Arrière-plan
.bg-82bbca {
  background-color: #82bbca;
  color: #000000;
}
Bordure
.border-82bbca {
  border: 2px solid #82bbca;
}
Variables CSS
:root {
  --color-primary: #82bbca;
  --color-primary-rgb: 130 187 202;
  --color-primary-hsl: 193 40% 65%;
}
Dégradé
.gradient-82bbca {
  background: linear-gradient(135deg, #82bbca, #8297ca);
}
Ombre colorée
.shadow-82bbca {
  box-shadow: 0 8px 24px rgb(130 187 202 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 6.46 #87ceeb Sky Blue ΔE 6.49 #89cff0 Baby Blue ΔE 7.60 #add8e6 Light Blue ΔE 8.43 #a4dded Non-Photo Blue ΔE 8.60 #aec6cf Pastel Blue ΔE 8.64 #b0e0e6 Powder Blue ΔE 10.08 #7d4435 Inversée #b2b2b2 Niveaux de gris 

Moonstone Blue
#82bbca  rgb(130, 187, 202)  hsl(193, 40%, 65%)  Moonstone Blue
#ca9182  rgb(202, 145, 130)  hsl(13, 40%, 65%)  Rosy Brown
#ca82bb  rgb(202, 130, 187)  hsl(313, 40%, 65%)  Sky Magenta
#bbca82  rgb(187, 202, 130)  hsl(73, 40%, 65%)  Olivine