← Back to Editor

#00032B · #090566 · #218EEB · #5CDDFA · #FFFFFF

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#00032B

Indigo · Black · Deep Sea Blue

HEX
#00032B
RGB
rgb(0, 3, 43)
HSL
hsl(236, 100%, 8%)
HSB
hsb(236, 100%, 17%)
CMYK
cmyk(100%, 93%, 0%, 83%)
Oklch
oklch(14.1% 0.083 264.1)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#090566

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#090566
RGB
rgb(9, 5, 102)
HSL
hsl(242, 91%, 21%)
HSB
hsb(242, 95%, 40%)
CMYK
cmyk(91%, 95%, 0%, 60%)
Oklch
oklch(24.1% 0.153 268.2)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#218EEB

Lake Blue · DodgerBlue · Navy Blue

HEX
#218EEB
RGB
rgb(33, 142, 235)
HSL
hsl(208, 83%, 53%)
HSB
hsb(208, 86%, 92%)
CMYK
cmyk(86%, 40%, 0%, 8%)
Oklch
oklch(63.5% 0.167 250.1)

Traditional「Lake Blue」· Paint「Navy Blue」· Creative Blush Sunrise

#5CDDFA

Sky Blue · LightSkyBlue · Lake Green

HEX
#5CDDFA
RGB
rgb(92, 221, 250)
HSL
hsl(191, 94%, 67%)
HSB
hsb(191, 63%, 98%)
CMYK
cmyk(63%, 12%, 0%, 2%)
Oklch
oklch(83.7% 0.119 215.2)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

00032B
292600

Analogous

001729
00032B
120029

Triadic

00032B
290003
032900

Split-Comp.

00032B
291200
172900

Tetradic

00032B
290017
292600
002912

Contrast Matrix WCAG 2.1 Contrast

00032B
090566
218EEB
5CDDFA
FFFFFF
—
1.2
Fail
5.9
AA
12.6
AAA
20.0
AAA
1.2
Fail
—
5.0
AA
10.8
AAA
17.1
AAA
5.9
AA
5.0
AA
—
2.1
Fail
3.4
AA Large
12.6
AAA
10.8
AAA
2.1
Fail
—
1.6
Fail
20.0
AAA
17.1
AAA
3.4
AA Large
1.6
Fail
—
White BG
20.0AAA
17.1AAA
3.4AA Large
1.6Fail
1.0Fail
Black BG
1.0Fail
1.2Fail
6.1AA
13.2AAA
21.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

010121
07074F
5051D4
9495F3
FFFFFF

Deuteranopia

01011F
080849
4A42CF
8C83F1
FFFFFF

Tritanopia

001A18
093C38
26C3BF
62EDEC
FFFFFF

Achromatopsia

070707
111111
787878
BABABA
FFFFFF

Shades & Tints Shades & Tints

#00032B

Dark
Light

#090566

Dark
Light

#218EEB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #00032b;
  --color-2: #090566;
  --color-3: #218eeb;
  --color-4: #5cddfa;
  --color-5: #ffffff;
}

SCSS

$color-1: #00032b;
$color-2: #090566;
$color-3: #218eeb;
$color-4: #5cddfa;
$color-5: #ffffff;

TAILWIND

colors: {
  'brand-1': '#00032b',
  'brand-2': '#090566',
  'brand-3': '#218eeb',
  'brand-4': '#5cddfa',
  'brand-5': '#ffffff',
}

RGB Array

[0, 3, 43], [9, 5, 102], [33, 142, 235], [92, 221, 250], [255, 255, 255]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #00032B, #090566, #218EEB, #5CDDFA, #FFFFFF is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #00032b; --color-2: #090566; --color-3: #218eeb; --color-4: #5cddfa; --color-5: #ffffff. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This vintage-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color