← Back to Editor

#230E34 · #242379 · #1161AB · #0E9FA9 · #C9DDDD

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#230E34

Royal Purple · MidnightBlue · Dark Purple

HEX
#230E34
RGB
rgb(35, 14, 52)
HSL
hsl(273, 58%, 13%)
HSB
hsb(273, 73%, 20%)
CMYK
cmyk(33%, 73%, 0%, 80%)
Oklch
oklch(21.8% 0.073 306.8)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#242379

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#242379
RGB
rgb(36, 35, 121)
HSL
hsl(241, 55%, 31%)
HSB
hsb(241, 71%, 47%)
CMYK
cmyk(70%, 71%, 0%, 53%)
Oklch
oklch(32.2% 0.141 275.5)

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

#1161AB

Lake Blue · Teal · Prussian Blue

HEX
#1161AB
RGB
rgb(17, 97, 171)
HSL
hsl(209, 82%, 37%)
HSB
hsb(209, 90%, 67%)
CMYK
cmyk(90%, 43%, 0%, 33%)
Oklch
oklch(48.9% 0.138 252.2)

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

#0E9FA9

Lake Blue · LightSeaGreen · Mint Ice

HEX
#0E9FA9
RGB
rgb(14, 159, 169)
HSL
hsl(184, 85%, 36%)
HSB
hsb(184, 92%, 66%)
CMYK
cmyk(92%, 6%, 0%, 34%)
Oklch
oklch(64.1% 0.107 202.9)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#C9DDDD

Sky Blue · LightGray · Glacier Blue

HEX
#C9DDDD
RGB
rgb(201, 221, 221)
HSL
hsl(180, 23%, 83%)
HSB
hsb(180, 9%, 87%)
CMYK
cmyk(9%, 0%, 0%, 13%)
Oklch
oklch(88.3% 0.021 196.8)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

230E34
1F340E

Analogous

100E34
230E34
340E32

Triadic

230E34
34230E
0E3423

Split-Comp.

230E34
32340E
0E3410

Tetradic

230E34
34100E
1F340E
0E3234

Contrast Matrix WCAG 2.1 Contrast

230E34
242379
1161AB
0E9FA9
C9DDDD
—
1.3
Fail
2.8
Fail
5.5
AA
12.6
AAA
1.3
Fail
—
2.1
Fail
4.1
AA Large
9.3
AAA
2.8
Fail
2.1
Fail
—
2.0
Fail
4.5
AA Large
5.5
AA
4.1
AA Large
2.0
Fail
—
2.3
Fail
12.6
AAA
9.3
AAA
4.5
AA Large
2.3
Fail
—
White BG
17.7AAA
13.2AAA
6.3AA
3.2AA Large
1.4Fail
Black BG
1.2Fail
1.6Fail
3.3AA Large
6.6AA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2B
242464
343499
4D4EA7
D2D2DD

Deuteranopia

1B1D29
24245F
2F2995
4439A6
D1CFDD

Tritanopia

222422
245450
158B88
15A5A4
CADDDD

Achromatopsia

191919
2D2D2D
525252
757575
D7D7D7

Shades & Tints Shades & Tints

#230E34

Dark
Light

#242379

Dark
Light

#1161AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #230e34;
  --color-2: #242379;
  --color-3: #1161ab;
  --color-4: #0e9fa9;
  --color-5: #c9dddd;
}

SCSS

$color-1: #230e34;
$color-2: #242379;
$color-3: #1161ab;
$color-4: #0e9fa9;
$color-5: #c9dddd;

TAILWIND

colors: {
  'brand-1': '#230e34',
  'brand-2': '#242379',
  'brand-3': '#1161ab',
  'brand-4': '#0e9fa9',
  'brand-5': '#c9dddd',
}

RGB Array

[35, 14, 52], [36, 35, 121], [17, 97, 171], [14, 159, 169], [201, 221, 221]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #230E34, #242379, #1161AB, #0E9FA9, #C9DDDD 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: #230e34; --color-2: #242379; --color-3: #1161ab; --color-4: #0e9fa9; --color-5: #c9dddd. 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