← Back to Editor

#525487 · #5C49B2 · #8175B7 · #E3E0BF · #FBF8B9

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#525487

Indigo · DarkSlateBlue · Navy Blue

HEX
#525487
RGB
rgb(82, 84, 135)
HSL
hsl(238, 24%, 43%)
HSB
hsb(238, 39%, 53%)
CMYK
cmyk(39%, 38%, 0%, 47%)
Oklch
oklch(46.7% 0.082 281.0)

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

#5C49B2

Deep Indigo · SlateBlue · Navy Blue

HEX
#5C49B2
RGB
rgb(92, 73, 178)
HSL
hsl(251, 42%, 49%)
HSB
hsb(251, 59%, 70%)
CMYK
cmyk(48%, 59%, 0%, 30%)
Oklch
oklch(48.3% 0.160 287.1)

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

#8175B7

Deep Indigo · LightSlateGray · Navy Blue

HEX
#8175B7
RGB
rgb(129, 117, 183)
HSL
hsl(251, 31%, 59%)
HSB
hsb(251, 36%, 72%)
CMYK
cmyk(30%, 36%, 0%, 28%)
Oklch
oklch(60.0% 0.099 291.5)

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

#E3E0BF

Fresh Green · Wheat · Lemon Cream

HEX
#E3E0BF
RGB
rgb(227, 224, 191)
HSL
hsl(55, 39%, 82%)
HSB
hsb(55, 16%, 89%)
CMYK
cmyk(0%, 1%, 16%, 11%)
Oklch
oklch(90.1% 0.044 103.0)

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

#FBF8B9

Fresh Green · Bisque · Lemon Cream

HEX
#FBF8B9
RGB
rgb(251, 248, 185)
HSL
hsl(57, 89%, 85%)
HSB
hsb(57, 26%, 98%)
CMYK
cmyk(0%, 1%, 26%, 2%)
Oklch
oklch(96.7% 0.080 105.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

525487
888653

Analogous

536F88
525487
6C5388

Triadic

525487
885355
558853

Split-Comp.

525487
886C53
6F8853

Tetradic

525487
88536F
888653
53886C

Contrast Matrix WCAG 2.1 Contrast

525487
5C49B2
8175B7
E3E0BF
FBF8B9
—
1.0
Fail
1.7
Fail
5.3
AA
6.5
AA
1.0
Fail
—
1.7
Fail
5.1
AA
6.3
AA
1.7
Fail
1.7
Fail
—
3.0
AA Large
3.7
AA Large
5.3
AA
5.1
AA
3.0
AA Large
—
1.2
Fail
6.5
AA
6.3
AA
3.7
AA Large
1.2
Fail
—
White BG
7.1AAA
6.9AA
4.1AA Large
1.3Fail
1.1Fail
Black BG
3.0Fail
3.1AA Large
5.2AA
15.7AAA
19.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

53537B
545499
7C7CA7
E2E2C7
FAFAC8

Deuteranopia

535378
555693
7D7DA3
E2E2C9
FAFACC

Tritanopia

52716F
5B8580
809A98
E3CDCF
FBD4D7

Achromatopsia

595959
5B5B5B
808080
DDDDDD
F2F2F2

Shades & Tints Shades & Tints

#525487

Dark
Light

#5C49B2

Dark
Light

#8175B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #525487;
  --color-2: #5c49b2;
  --color-3: #8175b7;
  --color-4: #e3e0bf;
  --color-5: #fbf8b9;
}

SCSS

$color-1: #525487;
$color-2: #5c49b2;
$color-3: #8175b7;
$color-4: #e3e0bf;
$color-5: #fbf8b9;

TAILWIND

colors: {
  'brand-1': '#525487',
  'brand-2': '#5c49b2',
  'brand-3': '#8175b7',
  'brand-4': '#e3e0bf',
  'brand-5': '#fbf8b9',
}

RGB Array

[82, 84, 135], [92, 73, 178], [129, 117, 183], [227, 224, 191], [251, 248, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #525487, #5C49B2, #8175B7, #E3E0BF, #FBF8B9 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #525487; --color-2: #5c49b2; --color-3: #8175b7; --color-4: #e3e0bf; --color-5: #fbf8b9. 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 tech, SaaS, healthcare, eco industries. 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