#D68E49 + #B9BD3B + #4A7B74 + #2E4D56 + #46314B · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D68E49

Tangerine · SandyBrown · Warm Sun

HEX

#D68E49

RGB

rgb(214, 142, 73)

HSL

hsl(29, 63%, 56%)

HSB

hsb(29, 66%, 84%)

CMYK

cmyk(0%, 34%, 66%, 16%)

Oklch

oklch(70.7% 0.122 62.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#B9BD3B

Autumn Sage · GoldenRod · Honey Gold

HEX

#B9BD3B

RGB

rgb(185, 189, 59)

HSL

hsl(62, 52%, 49%)

HSB

hsb(62, 69%, 74%)

CMYK

cmyk(2%, 0%, 69%, 26%)

Oklch

oklch(77.2% 0.148 111.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#4A7B74

Mineral Blue · DimGray · Mint Ice

HEX

#4A7B74

RGB

rgb(74, 123, 116)

HSL

hsl(171, 25%, 39%)

HSB

hsb(171, 40%, 48%)

CMYK

cmyk(40%, 0%, 6%, 52%)

Oklch

oklch(54.6% 0.055 184.3)

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

#2E4D56

Slate Blue · DarkSlateGray · Mint Ice

HEX

#2E4D56

RGB

rgb(46, 77, 86)

HSL

hsl(194, 30%, 26%)

HSB

hsb(194, 47%, 34%)

CMYK

cmyk(47%, 10%, 0%, 66%)

Oklch

oklch(40.0% 0.040 218.2)

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

#46314B

Dark Plum · DarkSlateGray · Eggplant

HEX

#46314B

RGB

rgb(70, 49, 75)

HSL

hsl(288, 21%, 24%)

HSB

hsb(288, 35%, 29%)

CMYK

cmyk(7%, 35%, 0%, 71%)

Oklch

oklch(34.8% 0.052 319.8)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D68E49

4891D5

Analogous

D5484A

D68E49

D5D348

Triadic

D68E49

48D58C

8C48D5

Split-Comp.

D68E49

48D5D3

484AD5

Tetradic

D68E49

4AD548

4891D5

D348D5

Contrast Matrix WCAG 2.1 Contrast

D68E49	B9BD3B	4A7B74	2E4D56	46314B
—	1.3 Fail	1.8 Fail	3.4 AA Large	4.3 AA Large
1.3 Fail	—	2.4 Fail	4.5 AA	5.8 AA
1.8 Fail	2.4 Fail	—	1.9 Fail	2.4 Fail
3.4 AA Large	4.5 AA	1.9 Fail	—	1.3 Fail
4.3 AA Large	5.8 AA	2.4 Fail	1.3 Fail	—

White BG

2.7Fail

2.0Fail

4.8AA

9.1AAA

11.7AAA

Black BG

7.8AAA

10.4AAA

4.4AA Large

2.3Fail

1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B65A

BBBB5A

5F6076

3B3C54

3D3D45

Deuteranopia

BBC05E

BBBA62

5C5976

3A3753

3E4043

Tritanopia

D2676A

B97379

4C7777

305252

45403F

Achromatopsia

9C9C9C

ADADAD

6C6C6C

454545

3A3A3A

Shades & Tints Shades & Tints

#D68E49

Dark

Light

#B9BD3B

Dark

Light

#4A7B74

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d68e49;
  --color-2: #b9bd3b;
  --color-3: #4a7b74;
  --color-4: #2e4d56;
  --color-5: #46314b;
}

SCSS

$color-1: #d68e49;
$color-2: #b9bd3b;
$color-3: #4a7b74;
$color-4: #2e4d56;
$color-5: #46314b;

TAILWIND

colors: {
  'brand-1': '#d68e49',
  'brand-2': '#b9bd3b',
  'brand-3': '#4a7b74',
  'brand-4': '#2e4d56',
  'brand-5': '#46314b',
}

RGB Array

[214, 142, 73], [185, 189, 59], [74, 123, 116], [46, 77, 86], [70, 49, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #D68E49, #B9BD3B, #4A7B74, #2E4D56, #46314B 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: #d68e49; --color-2: #b9bd3b; --color-3: #4a7b74; --color-4: #2e4d56; --color-5: #46314b. 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 space-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