← Back to Editor

#1CBEDE · #1216EA · #A51BD7 · #450755 · #090646

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

#1CBEDE

Lake Blue · DarkTurquoise · Mint Ice

HEX
#1CBEDE
RGB
rgb(28, 190, 222)
HSL
hsl(190, 78%, 49%)
HSB
hsb(190, 87%, 87%)
CMYK
cmyk(87%, 14%, 0%, 13%)
Oklch
oklch(74.0% 0.127 216.2)

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

#1216EA

Indigo · Blue · Navy Blue

HEX
#1216EA
RGB
rgb(18, 22, 234)
HSL
hsl(239, 86%, 49%)
HSB
hsb(239, 92%, 92%)
CMYK
cmyk(92%, 91%, 0%, 8%)
Oklch
oklch(43.6% 0.285 265.7)

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

#A51BD7

Royal Purple · DarkOrchid · Violet

HEX
#A51BD7
RGB
rgb(165, 27, 215)
HSL
hsl(284, 78%, 47%)
HSB
hsb(284, 87%, 84%)
CMYK
cmyk(23%, 87%, 0%, 16%)
Oklch
oklch(55.0% 0.258 313.9)

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

#450755

Royal Purple · MidnightBlue · Dark Purple

HEX
#450755
RGB
rgb(69, 7, 85)
HSL
hsl(288, 85%, 18%)
HSB
hsb(288, 92%, 33%)
CMYK
cmyk(19%, 92%, 0%, 67%)
Oklch
oklch(29.2% 0.132 317.8)

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

#090646

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#090646
RGB
rgb(9, 6, 70)
HSL
hsl(243, 84%, 15%)
HSB
hsb(243, 91%, 27%)
CMYK
cmyk(87%, 91%, 0%, 73%)
Oklch
oklch(19.7% 0.111 271.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1CBEDE
DE3C1B

Analogous

1BDE9D
1CBEDE
1B5CDE

Triadic

1CBEDE
DE1BBE
BEDE1B

Split-Comp.

1CBEDE
DE1B5C
DE9D1B

Tetradic

1CBEDE
9D1BDE
DE3C1B
5CDE1B

Contrast Matrix WCAG 2.1 Contrast

1CBEDE
1216EA
A51BD7
450755
090646
—
4.1
AA Large
2.5
Fail
6.7
AA
8.4
AAA
4.1
AA Large
—
1.6
Fail
1.6
Fail
2.1
Fail
2.5
Fail
1.6
Fail
—
2.6
Fail
3.3
AA Large
6.7
AA
1.6
Fail
2.6
Fail
—
1.3
Fail
8.4
AAA
2.1
Fail
3.3
AA Large
1.3
Fail
—
White BG
2.2Fail
9.0AAA
5.6AA
14.8AAA
18.6AAA
Black BG
9.5AAA
2.3Fail
3.7AA Large
1.4Fail
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6264D6
1414B7
6968AA
2A2A42
080837

Deuteranopia

594DD4
1413AA
717C9F
2E323E
080833

Tritanopia

24D0CF
128E85
9E867E
423330
092A28

Achromatopsia

919191
2D2D2D
5A5A5A
222222
0E0E0E

Shades & Tints Shades & Tints

#1CBEDE

Dark
Light

#1216EA

Dark
Light

#A51BD7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1cbede;
  --color-2: #1216ea;
  --color-3: #a51bd7;
  --color-4: #450755;
  --color-5: #090646;
}

SCSS

$color-1: #1cbede;
$color-2: #1216ea;
$color-3: #a51bd7;
$color-4: #450755;
$color-5: #090646;

TAILWIND

colors: {
  'brand-1': '#1cbede',
  'brand-2': '#1216ea',
  'brand-3': '#a51bd7',
  'brand-4': '#450755',
  'brand-5': '#090646',
}

RGB Array

[28, 190, 222], [18, 22, 234], [165, 27, 215], [69, 7, 85], [9, 6, 70]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1CBEDE, #1216EA, #A51BD7, #450755, #090646 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: #1cbede; --color-2: #1216ea; --color-3: #a51bd7; --color-4: #450755; --color-5: #090646. 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