Split-Complementary · 5 colors · April 16, 2026
Roland Garros
Roland Garros weaves the intense vibration of two spectral extremes in contact. a warm, enveloping sensuality — a dramatic tension that commands attention. It speaks of clarity, intellect and of stimulating.
Split-Complementary#0A472FCouleur 1
RGB10 71 47HSL156 75 16
#A4330FCouleur 2
RGB164 51 15HSL14 83 35
#B7451BCouleur 3
RGB183 69 27HSL16 74 41
#C95828Couleur 4
RGB201 88 40HSL18 67 47
#EAEDE5Couleur 5
RGB234 237 229HSL83 18 91
Technical Specs
Developer handoff assets with copyable code blocks for design systems.
CSS
:root {
--color-couleur-1: #0a472f;
--color-couleur-2: #a4330f;
--color-couleur-3: #b7451b;
--color-couleur-4: #c95828;
--color-couleur-5: #eaede5;
}Tailwind
'roland-garros': {
500: '#0a472f',
400: '#a4330f',
300: '#b7451b',
200: '#c95828',
100: '#eaede5',
}JSON
{
"name": "Roland Garros",
"harmony": "Split-Complementary",
"colors": [
{
"name": "Couleur 1",
"hex": "#0a472f"
},
{
"name": "Couleur 2",
"hex": "#a4330f"
},
{
"name": "Couleur 3",
"hex": "#b7451b"
},
{
"name": "Couleur 4",
"hex": "#c95828"
},
{
"name": "Couleur 5",
"hex": "#eaede5"
}
]
}PNG
Pinterest PNG
1000 × 1500
Accessibility
Contrast Ratios
Each color vs. white background
Couleur 1
White
10.74:1AAA
Black
1.96:1Fail
Couleur 2
White
6.87:1AA
Black
3.06:1AA Large
Couleur 3
White
5.41:1AA
Black
3.88:1AA Large
Couleur 4
White
4.28:1AA Large
Black
4.91:1AA
Couleur 5
White
1.18:1Fail
Black
17.74:1AAA
✦Palette Usage Guide
Application Scenarios
Interface Design
Combine #0a472f for text on #eaede5 background.
Emotional Impact
Roland Garros weaves the intense vibration of two spectral extremes in contact. a warm, enveloping sensuality — a dramatic tension that commands attention. It speaks of clarity, intellect and of stimulating.
Contrast Analysis
Text on Canvas
9.1:1
AAA
Secondary on Canvas
4.6:1
AA
Accent on Base
2:1
Fail