#903345 + #632031 + #AC5E30 + #46817B + #085A65 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#903345

Crimson · Brown · Wine Red

HEX

#903345

RGB

rgb(144, 51, 69)

HSL

hsl(348, 48%, 38%)

HSB

hsb(348, 65%, 56%)

CMYK

cmyk(0%, 65%, 52%, 44%)

Oklch

oklch(46.0% 0.126 11.9)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#632031

Crimson · Maroon · Wine Red

HEX

#632031

RGB

rgb(99, 32, 49)

HSL

hsl(345, 51%, 26%)

HSB

hsb(345, 68%, 39%)

CMYK

cmyk(0%, 68%, 51%, 61%)

Oklch

oklch(35.2% 0.098 8.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#AC5E30

Tangerine · Sienna · Amber Brown

HEX

#AC5E30

RGB

rgb(172, 94, 48)

HSL

hsl(22, 56%, 43%)

HSB

hsb(22, 72%, 67%)

CMYK

cmyk(0%, 45%, 72%, 33%)

Oklch

oklch(56.4% 0.118 49.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#46817B

Mineral Blue · SeaGreen · Mint Ice

HEX

#46817B

RGB

rgb(70, 129, 123)

HSL

hsl(174, 30%, 39%)

HSB

hsb(174, 46%, 51%)

CMYK

cmyk(46%, 0%, 5%, 49%)

Oklch

oklch(56.1% 0.063 187.1)

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

#085A65

Lake Blue · DarkSlateGray · Peacock Green

HEX

#085A65

RGB

rgb(8, 90, 101)

HSL

hsl(187, 85%, 21%)

HSB

hsb(187, 92%, 40%)

CMYK

cmyk(92%, 11%, 0%, 60%)

Oklch

oklch(42.9% 0.072 209.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

903345

328F7D

Analogous

8F3274

903345

8F4E32

Triadic

903345

458F32

32458F

Split-Comp.

903345

328F4E

32748F

Tetradic

903345

748F32

328F7D

4E328F

Contrast Matrix WCAG 2.1 Contrast

903345	632031	AC5E30	46817B	085A65
—	1.5 Fail	1.6 Fail	1.7 Fail	1.0 Fail
1.5 Fail	—	2.5 Fail	2.6 Fail	1.5 Fail
1.6 Fail	2.5 Fail	—	1.1 Fail	1.7 Fail
1.7 Fail	2.6 Fail	1.1 Fail	—	1.8 Fail
1.0 Fail	1.5 Fail	1.7 Fail	1.8 Fail	—

White BG

7.6AAA

11.8AAA

4.8AA

4.5AA Large

7.9AAA

Black BG

2.7Fail

1.8Fail

4.4AA Large

4.7AA

2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

686741

46452D

8A8A3B

60607C

2C2C62

Deuteranopia

6D7440

4A4F2C

8F953E

5C587D

272162

Tritanopia

8B3D3C

602A29

A84446

497E7E

0C6060

Achromatopsia

515151

363636

707070

6F6F6F

434343

Shades & Tints Shades & Tints

#903345

Dark

Light

#632031

Dark

Light

#AC5E30

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #903345;
  --color-2: #632031;
  --color-3: #ac5e30;
  --color-4: #46817b;
  --color-5: #085a65;
}

SCSS

$color-1: #903345;
$color-2: #632031;
$color-3: #ac5e30;
$color-4: #46817b;
$color-5: #085a65;

TAILWIND

colors: {
  'brand-1': '#903345',
  'brand-2': '#632031',
  'brand-3': '#ac5e30',
  'brand-4': '#46817b',
  'brand-5': '#085a65',
}

RGB Array

[144, 51, 69], [99, 32, 49], [172, 94, 48], [70, 129, 123], [8, 90, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #903345, #632031, #AC5E30, #46817B, #085A65 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: #903345; --color-2: #632031; --color-3: #ac5e30; --color-4: #46817b; --color-5: #085a65. 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