ColorTool
Se connecter
#0048BB

#0048bb ≈ Cobalt Blue

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

#0048bb est une couleur de la famille « azur », avec une luminosité faible et une saturation forte. Dans le modèle RGB, elle se compose de 0 % de rouge, 28,24 % de vert et 73,33 % de bleu ; imprimée en CMJN, elle utilise 100 % de cyan, 61,5 % de magenta, 0 % de jaune et 26,67 % de noir. Son angle de teinte est de 216,9°, avec 100 % de saturation et 36,67 % de luminosité en HSL. C’est une couleur froide, souvent associée à l’ouverture, la liberté et le calme. 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 7,94:1 (WCAG AAA). La couleur nommée la plus proche est Cobalt Blue (#0047ab), ΔE 2,28.

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.0822

Complémentaire

  1. #0048bb
  2. #bb7300

Complémentaire divisé

  1. #0048bb
  2. #bb1600
  3. #a6bb00

Analogue

  1. #00a6bb
  2. #0048bb
  3. #1600bb

Triadique

  1. #0048bb
  2. #bb0048
  3. #48bb00

Tétradique

  1. #0048bb
  2. #7300bb
  3. #bb7300
  4. #48bb00

Carré

  1. #0048bb
  2. #bb00a6
  3. #bb7300
  4. #00bb16

Monochrome

  1. #000d22
  2. #002b6f
  3. #0048bb
  4. #0967ff
  5. #5596ff

Ombres

#0048bb mélangé progressivement avec du noir.

  1. #0048bb
  2. #0041a8
  3. #003a96
  4. #003283
  5. #002b70
  6. #00245e
  7. #001d4b
  8. #001638
  9. #000e25
  10. #000713
  11. #000000

Teintes

#0048bb mélangé progressivement avec du blanc.

  1. #0048bb
  2. #1a5ac2
  3. #336dc9
  4. #4d7fcf
  5. #6691d6
  6. #80a4dd
  7. #99b6e4
  8. #b3c8eb
  9. #ccdaf1
  10. #e6edf8
  11. #ffffff

Tons

#0048bb mélangé progressivement avec du gris.

  1. #0048bb
  2. #0d4eb5
  3. #1a53af
  4. #2659a9
  5. #335ea3
  6. #40649e
  7. #4d6a98
  8. #5a6f92
  9. #66758c
  10. #737a86
  11. #808080

Texte lisible 7.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texte lisible 2.64:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #515151 ≈ 0.003% des hommes
Achromatomalie #3f4e88 ≈ 0.001% des hommes
Protanopie #0059bf ≈ 1.01% des hommes
Deutéranopie #0049b9 ≈ 1.27% des hommes
Tritanopie #00667a ≈ 0.0001% des hommes
Protanomalie #0053bd ≈ 1.08% des hommes
Deutéranomalie #0049ba ≈ 4.63% des hommes
Tritanomalie #005c99 ≈ 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-0048bb {
  color: #0048bb;
}
Arrière-plan
.bg-0048bb {
  background-color: #0048bb;
  color: #ffffff;
}
Bordure
.border-0048bb {
  border: 2px solid #0048bb;
}
Variables CSS
:root {
  --color-primary: #0048bb;
  --color-primary-rgb: 0 72 187;
  --color-primary-hsl: 217 100% 37%;
}
Dégradé
.gradient-0048bb {
  background: linear-gradient(135deg, #0048bb, #1600bb);
}
Ombre colorée
.shadow-0048bb {
  box-shadow: 0 8px 24px rgb(0 72 187 / 0.35);
}

#0047ab Cobalt Blue ΔE 2.28 #0f52ba Sapphire ΔE 3.35 #1c39bb Persian Blue ΔE 5.20 #0f4d92 Yale Blue ΔE 6.32 #1034a6 Egyptian Blue ΔE 6.58 #003399 Smalt ΔE 7.41 #4f42b5 Ocean Blue ΔE 7.82 #ffb744 Inversée #515151 Niveaux de gris 

Cobalt Blue
#0048bb  rgb(0, 72, 187)  hsl(217, 100%, 37%)  Cobalt Blue
#bb7300  rgb(187, 115, 0)  hsl(37, 100%, 37%)  Ginger
#bb0048  rgb(187, 0, 72)  hsl(337, 100%, 37%)  Vivid Burgundy
#48bb00  rgb(72, 187, 0)  hsl(97, 100%, 37%)  Kelly Green