ColorTool
Se connecter
#4613B3

#4613b3 ≈ Medium Blue

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

#4613b3 est une couleur de la famille « violet », avec une luminosité faible et une saturation forte. Dans le modèle RGB, elle se compose de 27,45 % de rouge, 7,45 % de vert et 70,2 % de bleu ; imprimée en CMJN, elle utilise 60,89 % de cyan, 89,39 % de magenta, 0 % de jaune et 29,8 % de noir. Son angle de teinte est de 259,13°, avec 80,81 % de saturation et 38,82 % 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 boutons d’appel à l’action. Un texte blanc sur cette couleur atteint un rapport de contraste de 10,48:1 (WCAG AAA). La couleur nommée la plus proche est Medium Blue (#0000cd), ΔE 4,7.

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

Complémentaire

  1. #4613b3
  2. #80b313

Complémentaire divisé

  1. #4613b3
  2. #b39613
  3. #30b313

Analogue

  1. #1330b3
  2. #4613b3
  3. #9613b3

Triadique

  1. #4613b3
  2. #b34613
  3. #13b346

Tétradique

  1. #4613b3
  2. #b31380
  3. #80b313
  4. #13b346

Carré

  1. #4613b3
  2. #b31330
  3. #80b313
  4. #13b396

Monochrome

  1. #100429
  2. #2b0c6e
  3. #4613b3
  4. #672ae8
  5. #986ff0

Ombres

#4613b3 mélangé progressivement avec du noir.

  1. #4613b3
  2. #3f11a1
  3. #380f8f
  4. #310d7d
  5. #2a0b6b
  6. #230a5a
  7. #1c0848
  8. #150636
  9. #0e0424
  10. #070212
  11. #000000

Teintes

#4613b3 mélangé progressivement avec du blanc.

  1. #4613b3
  2. #592bbb
  3. #6b42c2
  4. #7e5aca
  5. #9071d1
  6. #a389d9
  7. #b5a1e1
  8. #c8b8e8
  9. #dad0f0
  10. #ede7f7
  11. #ffffff

Tons

#4613b3 mélangé progressivement avec du gris.

  1. #4613b3
  2. #4c1eae
  3. #5229a9
  4. #5734a4
  5. #5d3f9f
  6. #634a9a
  7. #695494
  8. #6f5f8f
  9. #746a8a
  10. #7a7585
  11. #808080

Texte lisible 10.48:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #3f3f3f ≈ 0.003% des hommes
Achromatomalie #42337f ≈ 0.001% des hommes
Protanopie #0043b7 ≈ 1.01% des hommes
Deutéranopie #003ab0 ≈ 1.27% des hommes
Tritanopie #004a69 ≈ 0.0001% des hommes
Protanomalie #0036b5 ≈ 1.08% des hommes
Deutéranomalie #002fb1 ≈ 4.63% des hommes
Tritanomalie #293b8d ≈ 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-4613b3 {
  color: #4613b3;
}
Arrière-plan
.bg-4613b3 {
  background-color: #4613b3;
  color: #ffffff;
}
Bordure
.border-4613b3 {
  border: 2px solid #4613b3;
}
Variables CSS
:root {
  --color-primary: #4613b3;
  --color-primary-rgb: 70 19 179;
  --color-primary-hsl: 259 81% 39%;
}
Dégradé
.gradient-4613b3 {
  background: linear-gradient(135deg, #4613b3, #9613b3);
}
Ombre colorée
.shadow-4613b3 {
  box-shadow: 0 8px 24px rgb(70 19 179 / 0.35);
}

#0000cd Medium Blue ΔE 4.70 #0014a8 Zaffre ΔE 5.39 #4b0082 Indigo ΔE 7.62 #002395 Imperial Blue ΔE 8.00 #32127a Persian Indigo ΔE 8.49 #0000ff Blue ΔE 8.50 #000f89 Phthalo Blue ΔE 8.55 #b9ec4c Inversée #3f3f3f Niveaux de gris 

Medium Blue
#4613b3  rgb(70, 19, 179)  hsl(259, 81%, 39%)  Medium Blue
#80b313  rgb(128, 179, 19)  hsl(79, 81%, 39%)  Apple Green
#b34613  rgb(179, 70, 19)  hsl(19, 81%, 39%)  Rust
#13b346  rgb(19, 179, 70)  hsl(139, 81%, 39%)  Medium Sea Green