ColorTool
Se connecter
#142DC1

#142dc1 ≈ Persian Blue

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

#142dc1 est une couleur de la famille « bleu », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 7,84 % de rouge, 17,65 % de vert et 75,69 % de bleu ; imprimée en CMJN, elle utilise 89,64 % de cyan, 76,68 % de magenta, 0 % de jaune et 24,31 % de noir. Son angle de teinte est de 231,33°, avec 81,22 % de saturation et 41,76 % 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 blanc sur cette couleur atteint un rapport de contraste de 9,65:1 (WCAG AAA). La couleur nommée la plus proche est Persian Blue (#1c39bb), ΔE 3,15.

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

Complémentaire

  1. #142dc1
  2. #c1a814

Complémentaire divisé

  1. #142dc1
  2. #c15114
  3. #83c114

Analogue

  1. #1483c1
  2. #142dc1
  3. #5114c1

Triadique

  1. #142dc1
  2. #c1142d
  3. #2dc114

Tétradique

  1. #142dc1
  2. #a814c1
  3. #c1a814
  4. #2dc114

Carré

  1. #142dc1
  2. #c11483
  3. #c1a814
  4. #14c151

Monochrome

  1. #060d36
  2. #0d1d7c
  3. #142dc1
  4. #3751ea
  5. #7c8df1

Ombres

#142dc1 mélangé progressivement avec du noir.

  1. #142dc1
  2. #1229ae
  3. #10249a
  4. #0e2087
  5. #0c1b74
  6. #0a1761
  7. #08124d
  8. #060e3a
  9. #040927
  10. #020513
  11. #000000

Teintes

#142dc1 mélangé progressivement avec du blanc.

  1. #142dc1
  2. #2c42c7
  3. #4357cd
  4. #5b6cd4
  5. #7281da
  6. #8a96e0
  7. #a1abe6
  8. #b9c0ec
  9. #d0d5f3
  10. #e8eaf9
  11. #ffffff

Tons

#142dc1 mélangé progressivement avec du gris.

  1. #142dc1
  2. #1f35bb
  3. #2a3eb4
  4. #3446ae
  5. #3f4ea7
  6. #4a57a1
  7. #555f9a
  8. #606794
  9. #6a6f8d
  10. #757887
  11. #808080

Texte lisible 9.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #454545 ≈ 0.003% des hommes
Achromatomalie #373c89 ≈ 0.001% des hommes
Protanopie #004dc5 ≈ 1.01% des hommes
Deutéranopie #003cbe ≈ 1.27% des hommes
Tritanopie #005a76 ≈ 0.0001% des hommes
Protanomalie #0042c4 ≈ 1.08% des hommes
Deutéranomalie #0036bf ≈ 4.63% des hommes
Tritanomalie #004c9a ≈ 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-142dc1 {
  color: #142dc1;
}
Arrière-plan
.bg-142dc1 {
  background-color: #142dc1;
  color: #ffffff;
}
Bordure
.border-142dc1 {
  border: 2px solid #142dc1;
}
Variables CSS
:root {
  --color-primary: #142dc1;
  --color-primary-rgb: 20 45 193;
  --color-primary-hsl: 231 81% 42%;
}
Dégradé
.gradient-142dc1 {
  background: linear-gradient(135deg, #142dc1, #5114c1);
}
Ombre colorée
.shadow-142dc1 {
  box-shadow: 0 8px 24px rgb(20 45 193 / 0.35);
}

#1c39bb Persian Blue ΔE 3.15 #1034a6 Egyptian Blue ΔE 4.37 #0000cd Medium Blue ΔE 5.89 #0014a8 Zaffre ΔE 6.19 #003399 Smalt ΔE 6.41 #002395 Imperial Blue ΔE 6.56 #4f42b5 Ocean Blue ΔE 7.11 #ebd23e Inversée #454545 Niveaux de gris 

Persian Blue
#142dc1  rgb(20, 45, 193)  hsl(231, 81%, 42%)  Persian Blue
#c1a814  rgb(193, 168, 20)  hsl(51, 81%, 42%)  Old Gold
#c1142d  rgb(193, 20, 45)  hsl(351, 81%, 42%)  Cardinal
#2dc114  rgb(45, 193, 20)  hsl(111, 81%, 42%)  Kelly Green