#AA003B + #884557 + #7B5E69 + #607877 + #00A6A1 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#AA003B

Dark Violet · FireBrick · Camellia

HEX

#AA003B

RGB

rgb(170, 0, 59)

HSL

hsl(339, 100%, 33%)

HSB

hsb(339, 100%, 67%)

CMYK

cmyk(0%, 100%, 65%, 33%)

Oklch

oklch(47.0% 0.188 13.3)

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

#884557

Dark Violet · Sienna · Camellia

HEX

#884557

RGB

rgb(136, 69, 87)

HSL

hsl(344, 33%, 40%)

HSB

hsb(344, 49%, 53%)

CMYK

cmyk(0%, 49%, 36%, 47%)

Oklch

oklch(47.9% 0.093 4.1)

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

#7B5E69

Dark Violet · DimGray · Camellia

HEX

#7B5E69

RGB

rgb(123, 94, 105)

HSL

hsl(337, 13%, 43%)

HSB

hsb(337, 24%, 48%)

CMYK

cmyk(0%, 24%, 15%, 52%)

Oklch

oklch(51.5% 0.041 354.0)

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

#607877

Mineral Blue · DimGray · Mint Ice

HEX

#607877

RGB

rgb(96, 120, 119)

HSL

hsl(178, 11%, 42%)

HSB

hsb(178, 20%, 47%)

CMYK

cmyk(20%, 0%, 1%, 53%)

Oklch

oklch(55.3% 0.028 193.2)

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

#00A6A1

Mineral Blue · LightSeaGreen · Mint Ice

HEX

#00A6A1

RGB

rgb(0, 166, 161)

HSL

hsl(178, 100%, 33%)

HSB

hsb(178, 100%, 65%)

CMYK

cmyk(100%, 0%, 3%, 35%)

Oklch

oklch(65.5% 0.113 191.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AA003B

00A86D

Analogous

A8008F

AA003B

A81900

Triadic

AA003B

3BA800

003BA8

Split-Comp.

AA003B

00A819

008FA8

Tetradic

AA003B

8FA800

00A86D

1900A8

Contrast Matrix WCAG 2.1 Contrast

AA003B	884557	7B5E69	607877	00A6A1
—	1.1 Fail	1.3 Fail	1.6 Fail	2.5 Fail
1.1 Fail	—	1.2 Fail	1.5 Fail	2.3 Fail
1.3 Fail	1.2 Fail	—	1.2 Fail	1.9 Fail
1.6 Fail	1.5 Fail	1.2 Fail	—	1.6 Fail
2.5 Fail	2.3 Fail	1.9 Fail	1.6 Fail	—

White BG

7.6AAA

6.9AA

5.8AA

4.7AA

3.0AA Large

Black BG

2.8Fail

3.0AA Large

3.6AA Large

4.5AA Large

7.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

605F2D

6B6A53

6E6E66

6A6B77

4849A2

Deuteranopia

6A7729

6F7452

707266

696777

3E32A3

Tritanopia

A2211F

854F4E

7A6464

617777

08A3A3

Achromatopsia

3A3A3A

5B5B5B

686868

717171

747474

Shades & Tints Shades & Tints

#AA003B

Dark

Light

#884557

Dark

Light

#7B5E69

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aa003b;
  --color-2: #884557;
  --color-3: #7b5e69;
  --color-4: #607877;
  --color-5: #00a6a1;
}

SCSS

$color-1: #aa003b;
$color-2: #884557;
$color-3: #7b5e69;
$color-4: #607877;
$color-5: #00a6a1;

TAILWIND

colors: {
  'brand-1': '#aa003b',
  'brand-2': '#884557',
  'brand-3': '#7b5e69',
  'brand-4': '#607877',
  'brand-5': '#00a6a1',
}

RGB Array

[170, 0, 59], [136, 69, 87], [123, 94, 105], [96, 120, 119], [0, 166, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AA003B, #884557, #7B5E69, #607877, #00A6A1 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: #aa003b; --color-2: #884557; --color-3: #7b5e69; --color-4: #607877; --color-5: #00a6a1. 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