← Back to Editor

#907846 · #66665C · #486060 · #3B4F63 · #694469

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#907846

Ochre · Sienna · Honey Gold

HEX
#907846
RGB
rgb(144, 120, 70)
HSL
hsl(41, 35%, 42%)
HSB
hsb(41, 51%, 56%)
CMYK
cmyk(0%, 17%, 51%, 44%)
Oklch
oklch(58.4% 0.074 84.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#66665C

Ink Gray · DimGray · Charcoal

HEX
#66665C
RGB
rgb(102, 102, 92)
HSL
hsl(60, 5%, 38%)
HSB
hsb(60, 10%, 40%)
CMYK
cmyk(0%, 0%, 10%, 60%)
Oklch
oklch(50.7% 0.015 106.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#486060

Slate Blue · DarkSlateGray · Mint Ice

HEX
#486060
RGB
rgb(72, 96, 96)
HSL
hsl(180, 14%, 33%)
HSB
hsb(180, 25%, 38%)
CMYK
cmyk(25%, 0%, 0%, 62%)
Oklch
oklch(47.0% 0.029 196.2)

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

#3B4F63

Indigo · DarkSlateGray · Prussian Blue

HEX
#3B4F63
RGB
rgb(59, 79, 99)
HSL
hsl(210, 25%, 31%)
HSB
hsb(210, 40%, 39%)
CMYK
cmyk(40%, 20%, 0%, 61%)
Oklch
oklch(41.9% 0.042 248.9)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#694469

Rose Purple · DimGray · Eggplant

HEX
#694469
RGB
rgb(105, 68, 105)
HSL
hsl(300, 21%, 34%)
HSB
hsb(300, 35%, 41%)
CMYK
cmyk(0%, 35%, 0%, 59%)
Oklch
oklch(44.3% 0.075 326.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

907846
465D91

Analogous

915346
907846
839146

Triadic

907846
469179
794691

Split-Comp.

907846
468391
534691

Tetradic

907846
469153
465D91
914683

Contrast Matrix WCAG 2.1 Contrast

907846
66665C
486060
3B4F63
694469
—
1.4
Fail
1.6
Fail
2.0
Fail
1.9
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
1.4
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
1.2
Fail
2.0
Fail
1.5
Fail
1.3
Fail
—
1.1
Fail
1.9
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
White BG
4.2AA Large
5.8AA
6.7AA
8.5AAA
8.0AAA
Black BG
5.0AA
3.6AA Large
3.1AA Large
2.5Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

868552
66665E
525360
44445E
595960

Deuteranopia

878955
66665F
514F60
43415D
5B5E5E

Tritanopia

8F5C5E
666061
496060
3C5A5A
675957

Achromatopsia

797979
656565
595959
4B4B4B
535353

Shades & Tints Shades & Tints

#907846

Dark
Light

#66665C

Dark
Light

#486060

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #907846;
  --color-2: #66665c;
  --color-3: #486060;
  --color-4: #3b4f63;
  --color-5: #694469;
}

SCSS

$color-1: #907846;
$color-2: #66665c;
$color-3: #486060;
$color-4: #3b4f63;
$color-5: #694469;

TAILWIND

colors: {
  'brand-1': '#907846',
  'brand-2': '#66665c',
  'brand-3': '#486060',
  'brand-4': '#3b4f63',
  'brand-5': '#694469',
}

RGB Array

[144, 120, 70], [102, 102, 92], [72, 96, 96], [59, 79, 99], [105, 68, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #907846, #66665C, #486060, #3B4F63, #694469 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #907846; --color-2: #66665c; --color-3: #486060; --color-4: #3b4f63; --color-5: #694469. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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