← Back to Editor

#525662 · #4E3F5C · #9A3F50 · #F0514D · #FFC892

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

#525662

Indigo · DimGray · Charcoal

HEX
#525662
RGB
rgb(82, 86, 98)
HSL
hsl(225, 9%, 35%)
HSB
hsb(225, 16%, 38%)
CMYK
cmyk(16%, 12%, 0%, 62%)
Oklch
oklch(45.4% 0.020 270.9)

Traditional「Indigo」· Paint「Charcoal」· Creative Midnight Shadow

#4E3F5C

Dark Plum · DarkSlateGray · Eggplant

HEX
#4E3F5C
RGB
rgb(78, 63, 92)
HSL
hsl(271, 19%, 30%)
HSB
hsb(271, 32%, 36%)
CMYK
cmyk(15%, 32%, 0%, 64%)
Oklch
oklch(39.5% 0.051 307.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#9A3F50

Crimson · Sienna · Passion Red

HEX
#9A3F50
RGB
rgb(154, 63, 80)
HSL
hsl(349, 42%, 43%)
HSB
hsb(349, 59%, 60%)
CMYK
cmyk(0%, 59%, 48%, 40%)
Oklch
oklch(49.5% 0.122 11.2)

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

#F0514D

Peach Pink · Tomato · Coral Red

HEX
#F0514D
RGB
rgb(240, 81, 77)
HSL
hsl(1, 84%, 62%)
HSB
hsb(1, 68%, 94%)
CMYK
cmyk(0%, 66%, 68%, 6%)
Oklch
oklch(65.3% 0.196 25.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFC892

Goose Yellow · Khaki · Peach Orange

HEX
#FFC892
RGB
rgb(255, 200, 146)
HSL
hsl(30, 100%, 79%)
HSB
hsb(30, 43%, 100%)
CMYK
cmyk(0%, 22%, 43%, 0%)
Oklch
oklch(86.9% 0.094 65.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

525662
615D51

Analogous

515D61
525662
555161

Triadic

525662
615155
556151

Split-Comp.

525662
615551
5D6151

Tetradic

525662
61515D
615D51
516155

Contrast Matrix WCAG 2.1 Contrast

525662
4E3F5C
9A3F50
F0514D
FFC892
—
1.3
Fail
1.1
Fail
2.1
Fail
4.9
AA
1.3
Fail
—
1.5
Fail
2.7
Fail
6.4
AA
1.1
Fail
1.5
Fail
—
1.9
Fail
4.4
AA Large
2.1
Fail
2.7
Fail
1.9
Fail
—
2.3
Fail
4.9
AA
6.4
AA
4.4
AA Large
2.3
Fail
—
White BG
7.3AAA
9.6AAA
6.6AA
3.5AA Large
1.5Fail
Black BG
2.9Fail
2.2Fail
3.2AA Large
6.0AA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

54545F
484755
73724C
ABAA4E
E7E79F

Deuteranopia

54535E
484A53
787F4B
B4C04E
EAEFA2

Tritanopia

525D5C
4D4F4E
954948
E84F4F
FCA9AC

Achromatopsia

565656
474747
5C5C5C
808080
D2D2D2

Shades & Tints Shades & Tints

#525662

Dark
Light

#4E3F5C

Dark
Light

#9A3F50

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #525662;
  --color-2: #4e3f5c;
  --color-3: #9a3f50;
  --color-4: #f0514d;
  --color-5: #ffc892;
}

SCSS

$color-1: #525662;
$color-2: #4e3f5c;
$color-3: #9a3f50;
$color-4: #f0514d;
$color-5: #ffc892;

TAILWIND

colors: {
  'brand-1': '#525662',
  'brand-2': '#4e3f5c',
  'brand-3': '#9a3f50',
  'brand-4': '#f0514d',
  'brand-5': '#ffc892',
}

RGB Array

[82, 86, 98], [78, 63, 92], [154, 63, 80], [240, 81, 77], [255, 200, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #525662, #4E3F5C, #9A3F50, #F0514D, #FFC892 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: #525662; --color-2: #4e3f5c; --color-3: #9a3f50; --color-4: #f0514d; --color-5: #ffc892. 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