← Back to Editor

#1C0B70 · #013880 · #297580 · #72A390 · #B3D19F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#1C0B70

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#1C0B70
RGB
rgb(28, 11, 112)
HSL
hsl(250, 82%, 24%)
HSB
hsb(250, 90%, 44%)
CMYK
cmyk(75%, 90%, 0%, 56%)
Oklch
oklch(27.3% 0.155 276.3)

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

#013880

Indigo · MidnightBlue · Prussian Blue

HEX
#013880
RGB
rgb(1, 56, 128)
HSL
hsl(214, 98%, 25%)
HSB
hsb(214, 99%, 50%)
CMYK
cmyk(99%, 56%, 0%, 50%)
Oklch
oklch(35.8% 0.133 258.3)

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

#297580

Lake Blue · Teal · Mint Ice

HEX
#297580
RGB
rgb(41, 117, 128)
HSL
hsl(188, 51%, 33%)
HSB
hsb(188, 68%, 50%)
CMYK
cmyk(68%, 9%, 0%, 50%)
Oklch
oklch(52.1% 0.075 208.6)

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

#72A390

Mineral Blue · CadetBlue · Olive Green

HEX
#72A390
RGB
rgb(114, 163, 144)
HSL
hsl(157, 21%, 54%)
HSB
hsb(157, 30%, 64%)
CMYK
cmyk(30%, 0%, 12%, 36%)
Oklch
oklch(67.5% 0.060 168.5)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#B3D19F

Celadon · Silver · Apple Green

HEX
#B3D19F
RGB
rgb(179, 209, 159)
HSL
hsl(96, 35%, 72%)
HSB
hsb(96, 24%, 82%)
CMYK
cmyk(14%, 0%, 24%, 18%)
Oklch
oklch(82.6% 0.075 133.1)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1C0B70
5F6F0B

Analogous

0B2C6F
1C0B70
4E0B6F

Triadic

1C0B70
6F1C0B
0B6F1C

Split-Comp.

1C0B70
6F4E0B
2C6F0B

Tetradic

1C0B70
6F0B2C
5F6F0B
0B6F4E

Contrast Matrix WCAG 2.1 Contrast

1C0B70
013880
297580
72A390
B3D19F
—
1.4
Fail
3.0
Fail
5.5
AA
9.4
AAA
1.4
Fail
—
2.1
Fail
3.9
AA Large
6.7
AA
3.0
Fail
2.1
Fail
—
1.9
Fail
3.2
AA Large
5.5
AA
3.9
AA Large
1.9
Fail
—
1.7
Fail
9.4
AAA
6.7
AA
3.2
AA Large
1.7
Fail
—
White BG
15.8AAA
11.2AAA
5.3AA
2.9Fail
1.7Fail
Black BG
1.3Fail
1.9Fail
4.0AA Large
7.4AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

151458
19196F
4A4B7D
878895
C0C0AB

Deuteranopia

161752
16126A
46407D
848196
BEBCAE

Tritanopia

1B4440
04615E
2D7B7B
749899
B4B5B7

Achromatopsia

1C1C1C
303030
606060
929292
C2C2C2

Shades & Tints Shades & Tints

#1C0B70

Dark
Light

#013880

Dark
Light

#297580

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1c0b70;
  --color-2: #013880;
  --color-3: #297580;
  --color-4: #72a390;
  --color-5: #b3d19f;
}

SCSS

$color-1: #1c0b70;
$color-2: #013880;
$color-3: #297580;
$color-4: #72a390;
$color-5: #b3d19f;

TAILWIND

colors: {
  'brand-1': '#1c0b70',
  'brand-2': '#013880',
  'brand-3': '#297580',
  'brand-4': '#72a390',
  'brand-5': '#b3d19f',
}

RGB Array

[28, 11, 112], [1, 56, 128], [41, 117, 128], [114, 163, 144], [179, 209, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1C0B70, #013880, #297580, #72A390, #B3D19F 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: #1c0b70; --color-2: #013880; --color-3: #297580; --color-4: #72a390; --color-5: #b3d19f. 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