← Back to Editor

#490163 · #96118E · #5CD9E3 · #9AFCE2 · #FBFCE6

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#490163

Royal Purple · MidnightBlue · Dark Purple

HEX
#490163
RGB
rgb(73, 1, 99)
HSL
hsl(284, 98%, 20%)
HSB
hsb(284, 99%, 39%)
CMYK
cmyk(26%, 99%, 0%, 61%)
Oklch
oklch(30.7% 0.151 313.4)

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

#96118E

Rose Purple · DarkMagenta · Eggplant

HEX
#96118E
RGB
rgb(150, 17, 142)
HSL
hsl(304, 80%, 33%)
HSB
hsb(304, 89%, 59%)
CMYK
cmyk(0%, 89%, 5%, 41%)
Oklch
oklch(47.3% 0.204 331.2)

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

#5CD9E3

Sky Blue · MediumTurquoise · Lake Green

HEX
#5CD9E3
RGB
rgb(92, 217, 227)
HSL
hsl(184, 71%, 63%)
HSB
hsb(184, 59%, 89%)
CMYK
cmyk(59%, 4%, 0%, 11%)
Oklch
oklch(81.9% 0.111 202.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#9AFCE2

Jade · LightBlue · Glacier Blue

HEX
#9AFCE2
RGB
rgb(154, 252, 226)
HSL
hsl(164, 94%, 80%)
HSB
hsb(164, 39%, 99%)
CMYK
cmyk(39%, 0%, 10%, 1%)
Oklch
oklch(92.3% 0.100 175.2)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#FBFCE6

Fresh Green · LightYellow · Lemon Cream

HEX
#FBFCE6
RGB
rgb(251, 252, 230)
HSL
hsl(63, 79%, 95%)
HSB
hsb(63, 9%, 99%)
CMYK
cmyk(0%, 0%, 9%, 1%)
Oklch
oklch(98.4% 0.029 109.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

490163
1C6501

Analogous

180165
490163
65014E

Triadic

490163
654A01
01654A

Split-Comp.

490163
4E6501
016518

Tetradic

490163
651801
1C6501
014E65

Contrast Matrix WCAG 2.1 Contrast

490163
96118E
5CD9E3
9AFCE2
FBFCE6
—
1.9
Fail
8.5
AAA
11.9
AAA
13.7
AAA
1.9
Fail
—
4.5
AA
6.3
AA
7.3
AAA
8.5
AAA
4.5
AA
—
1.4
Fail
1.6
Fail
11.9
AAA
6.3
AA
1.4
Fail
—
1.2
Fail
13.7
AAA
7.3
AAA
1.6
Fail
1.2
Fail
—
White BG
14.3AAA
7.6AAA
1.7Fail
1.2Fail
1.0Fail
Black BG
1.5Fail
2.8Fail
12.5AAA
17.4AAA
20.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2A294B
5C5B70
9293E1
C4C5E8
FBFBEB

Deuteranopia

2E3346
646E68
8B82E0
BFB7EA
FBFBED

Tritanopia

453934
8F5853
62DFDE
9FEDEE
FBF0F0

Achromatopsia

222222
474747
B5B5B5
DCDCDC
F9F9F9

Shades & Tints Shades & Tints

#490163

Dark
Light

#96118E

Dark
Light

#5CD9E3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #490163;
  --color-2: #96118e;
  --color-3: #5cd9e3;
  --color-4: #9afce2;
  --color-5: #fbfce6;
}

SCSS

$color-1: #490163;
$color-2: #96118e;
$color-3: #5cd9e3;
$color-4: #9afce2;
$color-5: #fbfce6;

TAILWIND

colors: {
  'brand-1': '#490163',
  'brand-2': '#96118e',
  'brand-3': '#5cd9e3',
  'brand-4': '#9afce2',
  'brand-5': '#fbfce6',
}

RGB Array

[73, 1, 99], [150, 17, 142], [92, 217, 227], [154, 252, 226], [251, 252, 230]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #490163, #96118E, #5CD9E3, #9AFCE2, #FBFCE6 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #490163; --color-2: #96118e; --color-3: #5cd9e3; --color-4: #9afce2; --color-5: #fbfce6. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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 bright-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