← Back to Editor

#925799 · #AB599D · #D1829C · #EAC97E · #F8EE58

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#925799

Dark Plum · Gray · Violet

HEX
#925799
RGB
rgb(146, 87, 153)
HSL
hsl(294, 27%, 47%)
HSB
hsb(294, 43%, 60%)
CMYK
cmyk(5%, 43%, 0%, 40%)
Oklch
oklch(54.8% 0.119 323.1)

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

#AB599D

Rose Purple · MediumOrchid · Violet

HEX
#AB599D
RGB
rgb(171, 89, 157)
HSL
hsl(310, 33%, 51%)
HSB
hsb(310, 48%, 67%)
CMYK
cmyk(0%, 48%, 8%, 33%)
Oklch
oklch(58.5% 0.137 333.9)

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

#D1829C

Rouge · LightCoral · Rose Pink

HEX
#D1829C
RGB
rgb(209, 130, 156)
HSL
hsl(340, 46%, 66%)
HSB
hsb(340, 38%, 82%)
CMYK
cmyk(0%, 38%, 25%, 18%)
Oklch
oklch(69.7% 0.102 358.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#EAC97E

Goose Yellow · BurlyWood · Sunflower

HEX
#EAC97E
RGB
rgb(234, 201, 126)
HSL
hsl(42, 72%, 71%)
HSB
hsb(42, 46%, 92%)
CMYK
cmyk(0%, 14%, 46%, 8%)
Oklch
oklch(84.8% 0.101 86.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#F8EE58

Fresh Green · Khaki · Sunflower

HEX
#F8EE58
RGB
rgb(248, 238, 88)
HSL
hsl(56, 92%, 66%)
HSB
hsb(56, 65%, 97%)
CMYK
cmyk(0%, 4%, 65%, 3%)
Oklch
oklch(93.1% 0.166 105.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

925799
5E9857

Analogous

715798
925799
98577E

Triadic

925799
989257
579892

Split-Comp.

925799
7E9857
579871

Tetradic

925799
987157
5E9857
577E98

Contrast Matrix WCAG 2.1 Contrast

925799
AB599D
D1829C
EAC97E
F8EE58
—
1.1
Fail
1.8
Fail
3.3
AA Large
4.3
AA Large
1.1
Fail
—
1.6
Fail
2.8
Fail
3.7
AA Large
1.8
Fail
1.6
Fail
—
1.8
Fail
2.4
Fail
3.3
AA Large
2.8
Fail
1.8
Fail
—
1.3
Fail
4.3
AA Large
3.7
AA Large
2.4
Fail
1.3
Fail
—
White BG
5.2AA
4.5AA
2.8Fail
1.6Fail
1.2Fail
Black BG
4.0AA Large
4.6AA
7.4AAA
13.2AAA
17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

787889
87878D
AFAE96
DCDB90
F4F47C

Deuteranopia

7C8085
8C9289
B3B994
DEE095
F4F585

Tritanopia

8F7C7A
A7807D
CD9190
E89EA2
F8999F

Achromatopsia

707070
797979
9D9D9D
CACACA
E0E0E0

Shades & Tints Shades & Tints

#925799

Dark
Light

#AB599D

Dark
Light

#D1829C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #925799;
  --color-2: #ab599d;
  --color-3: #d1829c;
  --color-4: #eac97e;
  --color-5: #f8ee58;
}

SCSS

$color-1: #925799;
$color-2: #ab599d;
$color-3: #d1829c;
$color-4: #eac97e;
$color-5: #f8ee58;

TAILWIND

colors: {
  'brand-1': '#925799',
  'brand-2': '#ab599d',
  'brand-3': '#d1829c',
  'brand-4': '#eac97e',
  'brand-5': '#f8ee58',
}

RGB Array

[146, 87, 153], [171, 89, 157], [209, 130, 156], [234, 201, 126], [248, 238, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #925799, #AB599D, #D1829C, #EAC97E, #F8EE58 is ideal for: corporate websites, product showcases, portfolios. 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: #925799; --color-2: #ab599d; --color-3: #d1829c; --color-4: #eac97e; --color-5: #f8ee58. 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. 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