← Back to Editor

#08969E · #99920B · #BF3772 · #A000A3 · #522D73

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#08969E

Lake Blue · Teal · Mint Ice

HEX
#08969E
RGB
rgb(8, 150, 158)
HSL
hsl(183, 90%, 33%)
HSB
hsb(183, 95%, 62%)
CMYK
cmyk(95%, 5%, 0%, 38%)
Oklch
oklch(61.3% 0.103 201.6)

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

#99920B

Autumn Sage · Olive · Honey Gold

HEX
#99920B
RGB
rgb(153, 146, 11)
HSL
hsl(57, 87%, 32%)
HSB
hsb(57, 93%, 60%)
CMYK
cmyk(0%, 5%, 93%, 40%)
Oklch
oklch(64.5% 0.135 106.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#BF3772

Dark Violet · MediumVioletRed · Camellia

HEX
#BF3772
RGB
rgb(191, 55, 114)
HSL
hsl(334, 55%, 48%)
HSB
hsb(334, 71%, 75%)
CMYK
cmyk(0%, 71%, 40%, 25%)
Oklch
oklch(55.5% 0.179 358.3)

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

#A000A3

Royal Purple · DarkMagenta · Eggplant

HEX
#A000A3
RGB
rgb(160, 0, 163)
HSL
hsl(299, 100%, 32%)
HSB
hsb(299, 100%, 64%)
CMYK
cmyk(2%, 100%, 0%, 36%)
Oklch
oklch(49.7% 0.230 327.4)

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

#522D73

Dark Plum · DarkSlateBlue · Eggplant

HEX
#522D73
RGB
rgb(82, 45, 115)
HSL
hsl(272, 44%, 31%)
HSB
hsb(272, 61%, 45%)
CMYK
cmyk(29%, 61%, 0%, 55%)
Oklch
oklch(38.0% 0.118 305.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

08969E
A01008

Analogous

08A05C
08969E
084DA0

Triadic

08969E
A00898
98A008

Split-Comp.

08969E
A0084D
A05C08

Tetradic

08969E
5C08A0
A01008
4DA008

Contrast Matrix WCAG 2.1 Contrast

08969E
99920B
BF3772
A000A3
522D73
—
1.1
Fail
1.5
Fail
1.9
Fail
3.0
Fail
1.1
Fail
—
1.6
Fail
2.1
Fail
3.3
AA Large
1.5
Fail
1.6
Fail
—
1.3
Fail
2.0
Fail
1.9
Fail
2.1
Fail
1.3
Fail
—
1.5
Fail
3.0
Fail
3.3
AA Large
2.0
Fail
1.5
Fail
—
White BG
3.6AA Large
3.2AA Large
5.2AA
6.9AA
10.6AAA
Black BG
5.9AA
6.5AA
4.0AA Large
3.0AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

45479C
96962C
848364
5B597C
424262

Deuteranopia

3D339C
969734
8C9660
647072
44475E

Tritanopia

0F9B9A
99454B
B85856
985C56
505552

Achromatopsia

6C6C6C
858585
666666
424242
404040

Shades & Tints Shades & Tints

#08969E

Dark
Light

#99920B

Dark
Light

#BF3772

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #08969e;
  --color-2: #99920b;
  --color-3: #bf3772;
  --color-4: #a000a3;
  --color-5: #522d73;
}

SCSS

$color-1: #08969e;
$color-2: #99920b;
$color-3: #bf3772;
$color-4: #a000a3;
$color-5: #522d73;

TAILWIND

colors: {
  'brand-1': '#08969e',
  'brand-2': '#99920b',
  'brand-3': '#bf3772',
  'brand-4': '#a000a3',
  'brand-5': '#522d73',
}

RGB Array

[8, 150, 158], [153, 146, 11], [191, 55, 114], [160, 0, 163], [82, 45, 115]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #08969E, #99920B, #BF3772, #A000A3, #522D73 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: #08969e; --color-2: #99920b; --color-3: #bf3772; --color-4: #a000a3; --color-5: #522d73. 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