← Back to Editor

#1F9994 · #CD510A · #CC143A · #8D01CA · #1A4393

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

#1F9994

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#1F9994
RGB
rgb(31, 153, 148)
HSL
hsl(178, 66%, 36%)
HSB
hsb(178, 80%, 60%)
CMYK
cmyk(80%, 0%, 3%, 40%)
Oklch
oklch(62.0% 0.100 190.6)

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

#CD510A

Tangerine · Chocolate · Amber Brown

HEX
#CD510A
RGB
rgb(205, 81, 10)
HSL
hsl(22, 91%, 42%)
HSB
hsb(22, 95%, 80%)
CMYK
cmyk(0%, 60%, 95%, 20%)
Oklch
oklch(59.1% 0.172 42.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#CC143A

Vermilion · Crimson · Passion Red

HEX
#CC143A
RGB
rgb(204, 20, 58)
HSL
hsl(348, 82%, 44%)
HSB
hsb(348, 90%, 80%)
CMYK
cmyk(0%, 90%, 72%, 20%)
Oklch
oklch(54.1% 0.209 19.3)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#8D01CA

Royal Purple · DarkViolet · Eggplant

HEX
#8D01CA
RGB
rgb(141, 1, 202)
HSL
hsl(282, 99%, 40%)
HSB
hsb(282, 100%, 79%)
CMYK
cmyk(30%, 100%, 0%, 21%)
Oklch
oklch(49.8% 0.252 309.6)

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

#1A4393

Indigo · DarkSlateBlue · Prussian Blue

HEX
#1A4393
RGB
rgb(26, 67, 147)
HSL
hsl(220, 70%, 34%)
HSB
hsb(220, 82%, 58%)
CMYK
cmyk(82%, 54%, 0%, 42%)
Oklch
oklch(40.5% 0.140 261.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1F9994
981F23

Analogous

1F9858
1F9994
1F6098

Triadic

1F9994
941F98
98941F

Split-Comp.

1F9994
981F60
98581F

Tetradic

1F9994
581F98
981F23
60981F

Contrast Matrix WCAG 2.1 Contrast

1F9994
CD510A
CC143A
8D01CA
1A4393
—
1.3
Fail
1.6
Fail
2.0
Fail
2.7
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.0
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.7
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
3.5AA Large
4.4AA Large
5.6AA
7.0AAA
9.3AAA
Black BG
6.0AA
4.8AA
3.7AA Large
3.0Fail
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

545595
97961B
7C7B31
504F99
2C2C80

Deuteranopia

4D4496
9FA81F
87952F
59638E
29267B

Tritanopia

259696
C7292C
C32A28
86736B
1C706D

Achromatopsia

747474
6E6E6E
4F4F4F
424242
404040

Shades & Tints Shades & Tints

#1F9994

Dark
Light

#CD510A

Dark
Light

#CC143A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1f9994;
  --color-2: #cd510a;
  --color-3: #cc143a;
  --color-4: #8d01ca;
  --color-5: #1a4393;
}

SCSS

$color-1: #1f9994;
$color-2: #cd510a;
$color-3: #cc143a;
$color-4: #8d01ca;
$color-5: #1a4393;

TAILWIND

colors: {
  'brand-1': '#1f9994',
  'brand-2': '#cd510a',
  'brand-3': '#cc143a',
  'brand-4': '#8d01ca',
  'brand-5': '#1a4393',
}

RGB Array

[31, 153, 148], [205, 81, 10], [204, 20, 58], [141, 1, 202], [26, 67, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1F9994, #CD510A, #CC143A, #8D01CA, #1A4393 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: #1f9994; --color-2: #cd510a; --color-3: #cc143a; --color-4: #8d01ca; --color-5: #1a4393. 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