#551B39 + #EA1E7C + #D6DD28 + #1E8F89 + #262527 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#551B39

Rose Purple · DarkSlateGray · Raspberry

HEX

#551B39

RGB

rgb(85, 27, 57)

HSL

hsl(329, 52%, 22%)

HSB

hsb(329, 68%, 33%)

CMYK

cmyk(0%, 68%, 33%, 67%)

Oklch

oklch(32.3% 0.093 351.5)

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

#EA1E7C

Dark Violet · DeepPink · Rose Pink

HEX

#EA1E7C

RGB

rgb(234, 30, 124)

HSL

hsl(332, 83%, 52%)

HSB

hsb(332, 87%, 92%)

CMYK

cmyk(0%, 87%, 47%, 8%)

Oklch

oklch(61.5% 0.236 1.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#D6DD28

Autumn Sage · GreenYellow · Sunflower

HEX

#D6DD28

RGB

rgb(214, 221, 40)

HSL

hsl(62, 73%, 51%)

HSB

hsb(62, 82%, 87%)

CMYK

cmyk(3%, 0%, 82%, 13%)

Oklch

oklch(86.4% 0.183 112.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#1E8F89

Mineral Blue · Teal · Mint Ice

HEX

#1E8F89

RGB

rgb(30, 143, 137)

HSL

hsl(177, 65%, 34%)

HSB

hsb(177, 79%, 56%)

CMYK

cmyk(79%, 0%, 4%, 44%)

Oklch

oklch(59.0% 0.095 189.4)

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

#262527

Ink Black · DarkSlateGray · Dark Stone

HEX

#262527

RGB

rgb(38, 37, 39)

HSL

hsl(270, 3%, 15%)

HSB

hsb(270, 5%, 15%)

CMYK

cmyk(3%, 5%, 0%, 85%)

Oklch

oklch(26.6% 0.004 308.3)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

551B39

1B5537

Analogous

541B55

551B39

551B1C

Triadic

551B39

39551B

1B3955

Split-Comp.

551B39

1C551B

1B5554

Tetradic

551B39

55541B

1B5537

1B1C55

Contrast Matrix WCAG 2.1 Contrast

551B39	EA1E7C	D6DD28	1E8F89	262527
—	3.1 AA Large	8.9 AAA	3.3 AA Large	1.2 Fail
3.1 AA Large	—	2.9 Fail	1.1 Fail	3.6 AA Large
8.9 AAA	2.9 Fail	—	2.7 Fail	10.3 AAA
3.3 AA Large	1.1 Fail	2.7 Fail	—	3.9 AA Large
1.2 Fail	3.6 AA Large	10.3 AAA	3.9 AA Large	—

White BG

13.1AAA

4.2AA Large

1.5Fail

3.9AA Large

15.3AAA

Black BG

1.6Fail

5.0AA

14.2AAA

5.3AA

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3B32

929065

D9D954

4F508A

262627

Deuteranopia

3F4430

9EAD60

D9D85E

48408B

262626

Tritanopia

522C2B

E0534F

D6767E

248C8C

262626

Achromatopsia

303030

666666

C6C6C6

6D6D6D

262626

Shades & Tints Shades & Tints

#551B39

Dark

Light

#EA1E7C

Dark

Light

#D6DD28

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #551b39;
  --color-2: #ea1e7c;
  --color-3: #d6dd28;
  --color-4: #1e8f89;
  --color-5: #262527;
}

SCSS

$color-1: #551b39;
$color-2: #ea1e7c;
$color-3: #d6dd28;
$color-4: #1e8f89;
$color-5: #262527;

TAILWIND

colors: {
  'brand-1': '#551b39',
  'brand-2': '#ea1e7c',
  'brand-3': '#d6dd28',
  'brand-4': '#1e8f89',
  'brand-5': '#262527',
}

RGB Array

[85, 27, 57], [234, 30, 124], [214, 221, 40], [30, 143, 137], [38, 37, 39]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #551B39, #EA1E7C, #D6DD28, #1E8F89, #262527 is ideal for: tech websites, dark mode UIs, game UIs. 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: #551b39; --color-2: #ea1e7c; --color-3: #d6dd28; --color-4: #1e8f89; --color-5: #262527. 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 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