Complémentaire · 6 couleurs · 29 avril 2026
Sorrows & Blood
Sorrows & Blood tisse la complexité maîtrisée d'un carré chromatique en tension équilibrée. un espace de contemplation silencieux — une dramaturgie visuelle sans compromis. Elle parle de clarté, ouverture et de rafraîchissant.
Technical Specs
Assets de développement avec blocs de code copiables pour design systems.
CSS
:root {
--color-couleur-1: #eeec68;
--color-couleur-2: #65e7ec;
--color-couleur-3: #9987f8;
--color-couleur-4: #8d303c;
--color-couleur-5: #302a03;
--color-couleur-6: #032b2b;
}Tailwind
'sorrows-blood': {
600: '#eeec68',
500: '#65e7ec',
400: '#9987f8',
300: '#8d303c',
200: '#302a03',
100: '#032b2b',
}JSON
{
"name": "Sorrows & Blood",
"harmony": "Complémentaire",
"colors": [
{
"name": "Couleur 1",
"hex": "#eeec68"
},
{
"name": "Couleur 2",
"hex": "#65e7ec"
},
{
"name": "Couleur 3",
"hex": "#9987f8"
},
{
"name": "Couleur 4",
"hex": "#8d303c"
},
{
"name": "Couleur 5",
"hex": "#302a03"
},
{
"name": "Couleur 6",
"hex": "#032b2b"
}
]
}PNG
Pinterest
1000 × 1500
Accessibility
Contrast Ratios
Chaque couleur sur fond blanc
Couleur 1
Blanc
1.25:1Fail
Noir
16.83:1AAA
Couleur 2
Blanc
1.48:1Fail
Noir
14.19:1AAA
Couleur 3
Blanc
2.93:1Fail
Noir
7.18:1AAA
Couleur 4
Blanc
8.01:1AAA
Noir
2.62:1Fail
Couleur 5
Blanc
14.4:1AAA
Noir
1.46:1Fail
Couleur 6
Blanc
15.17:1AAA
Noir
1.38:1Fail
✦Guide d'utilisation
Scénarios d'application
Interface Design
Combine #032b2b for text on #eeec68 background.
Emotional Impact
Sorrows & Blood tisse la complexité maîtrisée d'un carré chromatique en tension équilibrée. un espace de contemplation silencieux — une dramaturgie visuelle sans compromis. Elle parle de clarté, ouverture et de rafraîchissant.
Analyse de contraste
Text on Canvas
12.2:1
AAA
Secondary on Canvas
2.3:1
Fail
Accent on Base
5.2:1
AA