← Back to Editor

#670953 · #BA3473 · #EC8299 · #F4E7C7 · #6DCEAF

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 AppData Visualization

Color Details Color Details

#670953

Rose Purple · Purple · Eggplant

HEX
#670953
RGB
rgb(103, 9, 83)
HSL
hsl(313, 84%, 22%)
HSB
hsb(313, 91%, 40%)
CMYK
cmyk(0%, 91%, 19%, 60%)
Oklch
oklch(35.3% 0.145 339.3)

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

#BA3473

Dark Violet · MediumVioletRed · Camellia

HEX
#BA3473
RGB
rgb(186, 52, 115)
HSL
hsl(332, 56%, 47%)
HSB
hsb(332, 72%, 73%)
CMYK
cmyk(0%, 72%, 38%, 27%)
Oklch
oklch(54.4% 0.179 356.1)

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

#EC8299

Peach Pink · LightCoral · Coral Red

HEX
#EC8299
RGB
rgb(236, 130, 153)
HSL
hsl(347, 74%, 72%)
HSB
hsb(347, 45%, 93%)
CMYK
cmyk(0%, 45%, 35%, 7%)
Oklch
oklch(72.9% 0.132 7.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#F4E7C7

Goose Yellow · Bisque · Lemon Cream

HEX
#F4E7C7
RGB
rgb(244, 231, 199)
HSL
hsl(43, 67%, 87%)
HSB
hsb(43, 18%, 96%)
CMYK
cmyk(0%, 5%, 18%, 4%)
Oklch
oklch(93.0% 0.044 88.5)

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

#6DCEAF

Jade · MediumAquaMarine · Lake Green

HEX
#6DCEAF
RGB
rgb(109, 206, 175)
HSL
hsl(161, 50%, 62%)
HSB
hsb(161, 47%, 81%)
CMYK
cmyk(47%, 0%, 15%, 19%)
Oklch
oklch(78.3% 0.103 170.6)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

670953
09671D

Analogous

4D0967
670953
670924

Triadic

670953
536709
095367

Split-Comp.

670953
246709
09674D

Tetradic

670953
674D09
09671D
092467

Contrast Matrix WCAG 2.1 Contrast

670953
BA3473
EC8299
F4E7C7
6DCEAF
—
2.2
Fail
4.7
AA
9.8
AAA
6.4
AA
2.2
Fail
—
2.1
Fail
4.5
AA Large
2.9
Fail
4.7
AA
2.1
Fail
—
2.1
Fail
1.4
Fail
9.8
AAA
4.5
AA Large
2.1
Fail
—
1.5
Fail
6.4
AA
2.9
Fail
1.4
Fail
1.5
Fail
—
White BG
12.1AAA
5.5AA
2.6Fail
1.2Fail
1.9Fail
Black BG
1.7Fail
3.8AA Large
8.2AAA
17.1AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3D41
807F64
BEBD93
EEEECF
9798B7

Deuteranopia

444B3D
889260
C4CC92
EFF0D1
918AB8

Tritanopia

623330
B35855
E78F8E
F3D5D6
72BCBE

Achromatopsia

2E2E2E
636363
A4A4A4
E7E7E7
ADADAD

Shades & Tints Shades & Tints

#670953

Dark
Light

#BA3473

Dark
Light

#EC8299

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #670953;
  --color-2: #ba3473;
  --color-3: #ec8299;
  --color-4: #f4e7c7;
  --color-5: #6dceaf;
}

SCSS

$color-1: #670953;
$color-2: #ba3473;
$color-3: #ec8299;
$color-4: #f4e7c7;
$color-5: #6dceaf;

TAILWIND

colors: {
  'brand-1': '#670953',
  'brand-2': '#ba3473',
  'brand-3': '#ec8299',
  'brand-4': '#f4e7c7',
  'brand-5': '#6dceaf',
}

RGB Array

[103, 9, 83], [186, 52, 115], [236, 130, 153], [244, 231, 199], [109, 206, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #670953, #BA3473, #EC8299, #F4E7C7, #6DCEAF 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: #670953; --color-2: #ba3473; --color-3: #ec8299; --color-4: #f4e7c7; --color-5: #6dceaf. 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 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