Split-Complémentaire · 5 couleurs · 26 avril 2026

Superman

Superman — le dialogue tranchant de deux teintes qui se font face. La palette développe un équilibre entre le vide et la forme et instaure une tension dramatique qui impose la lecture. Un vocabulaire chromatique pour croissance et vitalité.

Split-ComplémentaireIllustration Mode

#1A2F6BCouleur 1

RGB26 47 107HSL224 61 26

#BC3520Couleur 2

RGB188 53 32HSL8 71 43

#3E71E0Couleur 3

RGB62 113 224HSL221 72 56

#E66A65Couleur 4

RGB230 106 101HSL2 72 65

#FCF0E9Couleur 5

RGB252 240 233HSL22 76 95

Technical Specs

Assets de développement avec blocs de code copiables pour design systems.

CSS

:root {
  --color-couleur-1: #1a2f6b;
  --color-couleur-2: #bc3520;
  --color-couleur-3: #3e71e0;
  --color-couleur-4: #e66a65;
  --color-couleur-5: #fcf0e9;
}

Tailwind

'superman': {
  500: '#1a2f6b',
  400: '#bc3520',
  300: '#3e71e0',
  200: '#e66a65',
  100: '#fcf0e9',
}

JSON

{
  "name": "Superman",
  "harmony": "Split-Complémentaire",
  "colors": [
    {
      "name": "Couleur 1",
      "hex": "#1a2f6b"
    },
    {
      "name": "Couleur 2",
      "hex": "#bc3520"
    },
    {
      "name": "Couleur 3",
      "hex": "#3e71e0"
    },
    {
      "name": "Couleur 4",
      "hex": "#e66a65"
    },
    {
      "name": "Couleur 5",
      "hex": "#fcf0e9"
    }
  ]
}

PNG

1000 × 1500

Accessibility

Contrast Ratios

Chaque couleur sur fond blanc

Couleur 1

Blanc

12.63:1AAA

Noir

1.66:1Fail

Couleur 2

Blanc

5.72:1AA

Noir

3.67:1AA Large

Couleur 3

Blanc

4.52:1AA

Noir

4.64:1AA

Couleur 4

Blanc

3.18:1AA Large

Noir

6.61:1AA

Couleur 5

Blanc

1.12:1Fail

Noir

18.78:1AAA

✦Guide d'utilisation

Scénarios d'application

Interface Design

Combine #1a2f6b for text on #fcf0e9 background.

Emotional Impact

Analyse de contraste

Text on Canvas

11.3:1

AAA

Secondary on Canvas

4:1

AA Large

Accent on Base

2.8:1

Fail

Create your own palette on ColorSeed →