← Back to Editor

#0E1A38 · #C3CBC1 · #CD7B88 · #D64E7B · #78316B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0E1A38

Indigo · MidnightBlue · Deep Sea Blue

HEX
#0E1A38
RGB
rgb(14, 26, 56)
HSL
hsl(223, 60%, 14%)
HSB
hsb(223, 75%, 22%)
CMYK
cmyk(75%, 54%, 0%, 78%)
Oklch
oklch(22.6% 0.061 265.4)

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

#C3CBC1

Celadon · Silver · Pearl Gray

HEX
#C3CBC1
RGB
rgb(195, 203, 193)
HSL
hsl(108, 9%, 78%)
HSB
hsb(108, 5%, 80%)
CMYK
cmyk(4%, 0%, 5%, 20%)
Oklch
oklch(83.3% 0.016 139.4)

Traditional「Celadon」· Paint「Pearl Gray」· Creative Silver Lining

#CD7B88

Peach Pink · LightCoral · Coral Red

HEX
#CD7B88
RGB
rgb(205, 123, 136)
HSL
hsl(350, 45%, 64%)
HSB
hsb(350, 40%, 80%)
CMYK
cmyk(0%, 40%, 34%, 20%)
Oklch
oklch(67.4% 0.103 10.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#D64E7B

Dark Violet · LightCoral · Rose Pink

HEX
#D64E7B
RGB
rgb(214, 78, 123)
HSL
hsl(340, 62%, 57%)
HSB
hsb(340, 64%, 84%)
CMYK
cmyk(0%, 64%, 43%, 16%)
Oklch
oklch(61.9% 0.174 3.3)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#78316B

Rose Purple · Purple · Eggplant

HEX
#78316B
RGB
rgb(120, 49, 107)
HSL
hsl(311, 42%, 33%)
HSB
hsb(311, 59%, 47%)
CMYK
cmyk(0%, 59%, 11%, 53%)
Oklch
oklch(43.3% 0.124 335.1)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0E1A38
392D0E

Analogous

0E3039
0E1A38
180E39

Triadic

0E1A38
390E1A
1A390E

Split-Comp.

0E1A38
39180E
30390E

Tetradic

0E1A38
390E30
392D0E
0E3918

Contrast Matrix WCAG 2.1 Contrast

0E1A38
C3CBC1
CD7B88
D64E7B
78316B
—
10.3
AAA
5.5
AA
4.3
AA Large
2.0
Fail
10.3
AAA
—
1.9
Fail
2.4
Fail
5.2
AA
5.5
AA
1.9
Fail
—
1.3
Fail
2.8
Fail
4.3
AA Large
2.4
Fail
1.3
Fail
—
2.1
Fail
2.0
Fail
5.2
AA
2.8
Fail
2.1
Fail
—
White BG
17.2AAA
1.7Fail
3.1AA Large
4.0AA Large
8.6AAA
Black BG
1.2Fail
12.6AAA
6.8AA
5.2AA
2.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

131331
C6C7C3
A9A985
9B9A70
59595D

Deuteranopia

13122F
C6C5C4
AEB484
A3AD6E
5D635A

Tritanopia

0F2B2A
C3C5C6
C98282
CF6866
74524F

Achromatopsia

1A1A1A
C7C7C7
959595
7C7C7C
4D4D4D

Shades & Tints Shades & Tints

#0E1A38

Dark
Light

#C3CBC1

Dark
Light

#CD7B88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0e1a38;
  --color-2: #c3cbc1;
  --color-3: #cd7b88;
  --color-4: #d64e7b;
  --color-5: #78316b;
}

SCSS

$color-1: #0e1a38;
$color-2: #c3cbc1;
$color-3: #cd7b88;
$color-4: #d64e7b;
$color-5: #78316b;

TAILWIND

colors: {
  'brand-1': '#0e1a38',
  'brand-2': '#c3cbc1',
  'brand-3': '#cd7b88',
  'brand-4': '#d64e7b',
  'brand-5': '#78316b',
}

RGB Array

[14, 26, 56], [195, 203, 193], [205, 123, 136], [214, 78, 123], [120, 49, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0E1A38, #C3CBC1, #CD7B88, #D64E7B, #78316B is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0e1a38; --color-2: #c3cbc1; --color-3: #cd7b88; --color-4: #d64e7b; --color-5: #78316b. 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 general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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