← Back to Editor

#1F1145 · #20F52C · #1C708A · #6600B5 · #771282

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#1F1145

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1F1145
RGB
rgb(31, 17, 69)
HSL
hsl(256, 60%, 17%)
HSB
hsb(256, 75%, 27%)
CMYK
cmyk(55%, 75%, 0%, 73%)
Oklch
oklch(23.4% 0.092 289.7)

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

#20F52C

Emerald · LimeGreen · Olive Green

HEX
#20F52C
RGB
rgb(32, 245, 44)
HSL
hsl(123, 91%, 54%)
HSB
hsb(123, 87%, 96%)
CMYK
cmyk(87%, 0%, 82%, 4%)
Oklch
oklch(84.3% 0.275 143.0)

Traditional「Emerald」· Paint「Olive Green」· Creative Blush Sunrise

#1C708A

Lake Blue · Teal · Mint Ice

HEX
#1C708A
RGB
rgb(28, 112, 138)
HSL
hsl(194, 66%, 33%)
HSB
hsb(194, 80%, 54%)
CMYK
cmyk(80%, 19%, 0%, 46%)
Oklch
oklch(50.9% 0.086 223.7)

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

#6600B5

Royal Purple · DarkViolet · Eggplant

HEX
#6600B5
RGB
rgb(102, 0, 181)
HSL
hsl(274, 100%, 35%)
HSB
hsb(274, 100%, 71%)
CMYK
cmyk(44%, 100%, 0%, 29%)
Oklch
oklch(42.6% 0.228 299.7)

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

#771282

Royal Purple · Purple · Eggplant

HEX
#771282
RGB
rgb(119, 18, 130)
HSL
hsl(294, 76%, 29%)
HSB
hsb(294, 86%, 51%)
CMYK
cmyk(8%, 86%, 0%, 49%)
Oklch
oklch(41.5% 0.181 323.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F1145
374511

Analogous

111D45
1F1145
391145

Triadic

1F1145
451F11
11451F

Split-Comp.

1F1145
453911
1D4511

Tetradic

1F1145
45111D
374511
114539

Contrast Matrix WCAG 2.1 Contrast

1F1145
20F52C
1C708A
6600B5
771282
—
11.6
AAA
3.0
AA Large
1.8
Fail
1.8
Fail
11.6
AAA
—
3.8
AA Large
6.3
AA
6.5
AA
3.0
AA Large
3.8
AA Large
—
1.7
Fail
1.7
Fail
1.8
Fail
6.3
AA
1.7
Fail
—
1.0
Fail
1.8
Fail
6.5
AA
1.7
Fail
1.0
Fail
—
White BG
17.2AAA
1.5Fail
5.6AA
9.4AAA
9.6AAA
Black BG
1.2Fail
14.2AAA
3.7AA Large
2.2Fail
2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

191938
7C7E5D
404184
3A3989
4B4A67

Deuteranopia

1A1B35
706068
3C3582
40477F
515960

Tritanopia

1E2E2C
2B838B
207F7E
61675F
72524D

Achromatopsia

1B1B1B
9E9E9E
5A5A5A
333333
3D3D3D

Shades & Tints Shades & Tints

#1F1145

Dark
Light

#20F52C

Dark
Light

#1C708A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f1145;
  --color-2: #20f52c;
  --color-3: #1c708a;
  --color-4: #6600b5;
  --color-5: #771282;
}

SCSS

$color-1: #1f1145;
$color-2: #20f52c;
$color-3: #1c708a;
$color-4: #6600b5;
$color-5: #771282;

TAILWIND

colors: {
  'brand-1': '#1f1145',
  'brand-2': '#20f52c',
  'brand-3': '#1c708a',
  'brand-4': '#6600b5',
  'brand-5': '#771282',
}

RGB Array

[31, 17, 69], [32, 245, 44], [28, 112, 138], [102, 0, 181], [119, 18, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1F1145, #20F52C, #1C708A, #6600B5, #771282 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: #1f1145; --color-2: #20f52c; --color-3: #1c708a; --color-4: #6600b5; --color-5: #771282. 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