← Back to Editor

#3B1563 · #C1119D · #EA7503 · #A69805 · #06636B

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

#3B1563

Deep Indigo · MidnightBlue · Eggplant

HEX
#3B1563
RGB
rgb(59, 21, 99)
HSL
hsl(269, 65%, 24%)
HSB
hsb(269, 79%, 39%)
CMYK
cmyk(40%, 79%, 0%, 61%)
Oklch
oklch(30.3% 0.128 301.1)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#C1119D

Rose Purple · MediumVioletRed · Violet

HEX
#C1119D
RGB
rgb(193, 17, 157)
HSL
hsl(312, 84%, 41%)
HSB
hsb(312, 91%, 76%)
CMYK
cmyk(0%, 91%, 19%, 24%)
Oklch
oklch(55.3% 0.233 339.4)

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

#EA7503

Ochre · Chocolate · Amber Brown

HEX
#EA7503
RGB
rgb(234, 117, 3)
HSL
hsl(30, 97%, 46%)
HSB
hsb(30, 99%, 92%)
CMYK
cmyk(0%, 50%, 99%, 8%)
Oklch
oklch(68.6% 0.174 52.9)

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

#A69805

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A69805
RGB
rgb(166, 152, 5)
HSL
hsl(55, 94%, 34%)
HSB
hsb(55, 97%, 65%)
CMYK
cmyk(0%, 8%, 97%, 35%)
Oklch
oklch(67.1% 0.140 102.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#06636B

Lake Blue · Teal · Peacock Green

HEX
#06636B
RGB
rgb(6, 99, 107)
HSL
hsl(185, 89%, 22%)
HSB
hsb(185, 94%, 42%)
CMYK
cmyk(94%, 7%, 0%, 58%)
Oklch
oklch(45.7% 0.076 204.7)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B1563
3F6515

Analogous

151765
3B1563
641565

Triadic

3B1563
653C15
15653C

Split-Comp.

3B1563
656415
176515

Tetradic

3B1563
651517
3F6515
156564

Contrast Matrix WCAG 2.1 Contrast

3B1563
C1119D
EA7503
A69805
06636B
—
2.6
Fail
4.8
AA
4.8
AA
2.0
Fail
2.6
Fail
—
1.8
Fail
1.9
Fail
1.3
Fail
4.8
AA
1.8
Fail
—
1.0
Fail
2.3
Fail
4.8
AA
1.9
Fail
1.0
Fail
—
2.4
Fail
2.0
Fail
1.3
Fail
2.3
Fail
2.4
Fail
—
White BG
14.3AAA
5.5AA
3.0Fail
3.0Fail
7.0AA
Black BG
1.5Fail
3.8AA Large
7.0AAA
7.1AAA
3.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

2B2A50
75737B
B7B61F
A0A029
2E2F69

Deuteranopia

2D304C
7F8C73
BEC725
A1A231
292269

Tritanopia

39413E
B8605B
E43439
A5454B
0B6867

Achromatopsia

292929
565656
8B8B8B
8B8B8B
484848

Shades & Tints Shades & Tints

#3B1563

Dark
Light

#C1119D

Dark
Light

#EA7503

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b1563;
  --color-2: #c1119d;
  --color-3: #ea7503;
  --color-4: #a69805;
  --color-5: #06636b;
}

SCSS

$color-1: #3b1563;
$color-2: #c1119d;
$color-3: #ea7503;
$color-4: #a69805;
$color-5: #06636b;

TAILWIND

colors: {
  'brand-1': '#3b1563',
  'brand-2': '#c1119d',
  'brand-3': '#ea7503',
  'brand-4': '#a69805',
  'brand-5': '#06636b',
}

RGB Array

[59, 21, 99], [193, 17, 157], [234, 117, 3], [166, 152, 5], [6, 99, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B1563, #C1119D, #EA7503, #A69805, #06636B 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: #3b1563; --color-2: #c1119d; --color-3: #ea7503; --color-4: #a69805; --color-5: #06636b. 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