← Back to Editor

#1D37CC · #CC921E · #1D86CD · #150E65 · #140839

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#1D37CC

Indigo · MediumBlue · Navy Blue

HEX
#1D37CC
RGB
rgb(29, 55, 204)
HSL
hsl(231, 75%, 46%)
HSB
hsb(231, 86%, 80%)
CMYK
cmyk(86%, 73%, 0%, 20%)
Oklch
oklch(43.8% 0.227 266.8)

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

#CC921E

Ochre · GoldenRod · Honey Gold

HEX
#CC921E
RGB
rgb(204, 146, 30)
HSL
hsl(40, 74%, 46%)
HSB
hsb(40, 85%, 80%)
CMYK
cmyk(0%, 28%, 85%, 20%)
Oklch
oklch(69.9% 0.138 78.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#1D86CD

Lake Blue · SteelBlue · Navy Blue

HEX
#1D86CD
RGB
rgb(29, 134, 205)
HSL
hsl(204, 75%, 46%)
HSB
hsb(204, 86%, 80%)
CMYK
cmyk(86%, 35%, 0%, 20%)
Oklch
oklch(59.9% 0.140 244.9)

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

#150E65

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#150E65
RGB
rgb(21, 14, 101)
HSL
hsl(245, 76%, 23%)
HSB
hsb(245, 86%, 40%)
CMYK
cmyk(79%, 86%, 0%, 60%)
Oklch
oklch(25.7% 0.141 273.6)

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

#140839

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#140839
RGB
rgb(20, 8, 57)
HSL
hsl(255, 75%, 13%)
HSB
hsb(255, 86%, 22%)
CMYK
cmyk(65%, 86%, 0%, 78%)
Oklch
oklch(19.3% 0.088 286.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D37CC
CDB31D

Analogous

1D90CD
1D37CC
5B1DCD

Triadic

1D37CC
CD1D38
38CD1D

Split-Comp.

1D37CC
CD5B1D
90CD1D

Tetradic

1D37CC
CD1D90
CDB31D
1DCD5B

Contrast Matrix WCAG 2.1 Contrast

1D37CC
CC921E
1D86CD
150E65
140839
—
3.1
AA Large
2.2
Fail
1.9
Fail
2.2
Fail
3.1
AA Large
—
1.4
Fail
6.0
AA
6.9
AA
2.2
Fail
1.4
Fail
—
4.2
AA Large
4.8
AA
1.9
Fail
6.0
AA
4.2
AA Large
—
1.1
Fail
2.2
Fail
6.9
AA
4.8
AA
1.1
Fail
—
White BG
8.5AAA
2.7Fail
3.9AA Large
16.4AAA
18.7AAA
Black BG
2.5Fail
7.7AAA
5.3AA
1.3Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

2828A8
B3B23A
4A4BBC
121250
0F0F2D

Deuteranopia

27259F
B6BB41
443CB8
12134B
10102A

Tritanopia

1E8B85
C95055
22AEAB
153F3C
132422

Achromatopsia

404040
969696
6F6F6F
1A1A1A
111111

Shades & Tints Shades & Tints

#1D37CC

Dark
Light

#CC921E

Dark
Light

#1D86CD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d37cc;
  --color-2: #cc921e;
  --color-3: #1d86cd;
  --color-4: #150e65;
  --color-5: #140839;
}

SCSS

$color-1: #1d37cc;
$color-2: #cc921e;
$color-3: #1d86cd;
$color-4: #150e65;
$color-5: #140839;

TAILWIND

colors: {
  'brand-1': '#1d37cc',
  'brand-2': '#cc921e',
  'brand-3': '#1d86cd',
  'brand-4': '#150e65',
  'brand-5': '#140839',
}

RGB Array

[29, 55, 204], [204, 146, 30], [29, 134, 205], [21, 14, 101], [20, 8, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D37CC, #CC921E, #1D86CD, #150E65, #140839 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #1d37cc; --color-2: #cc921e; --color-3: #1d86cd; --color-4: #150e65; --color-5: #140839. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 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