#DEC825 + #A97B75 + #86A39D + #23D4BB + #75E0C0 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DEC825

Autumn Sage · GoldenRod · Sunflower

HEX

#DEC825

RGB

rgb(222, 200, 37)

HSL

hsl(53, 74%, 51%)

HSB

hsb(53, 83%, 87%)

CMYK

cmyk(0%, 10%, 83%, 13%)

Oklch

oklch(82.6% 0.164 100.8)

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

#A97B75

Crimson · Gray · Passion Red

HEX

#A97B75

RGB

rgb(169, 123, 117)

HSL

hsl(7, 23%, 56%)

HSB

hsb(7, 31%, 66%)

CMYK

cmyk(0%, 27%, 31%, 34%)

Oklch

oklch(62.7% 0.059 27.2)

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

#86A39D

Mineral Blue · DarkSeaGreen · Lake Green

HEX

#86A39D

RGB

rgb(134, 163, 157)

HSL

hsl(168, 14%, 58%)

HSB

hsb(168, 18%, 64%)

CMYK

cmyk(18%, 0%, 4%, 36%)

Oklch

oklch(69.2% 0.033 181.3)

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

#23D4BB

Mineral Blue · Turquoise · Mint Ice

HEX

#23D4BB

RGB

rgb(35, 212, 187)

HSL

hsl(172, 72%, 48%)

HSB

hsb(172, 83%, 83%)

CMYK

cmyk(83%, 0%, 12%, 17%)

Oklch

oklch(78.2% 0.137 179.8)

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

#75E0C0

Jade · MediumAquaMarine · Lake Green

HEX

#75E0C0

RGB

rgb(117, 224, 192)

HSL

hsl(162, 63%, 67%)

HSB

hsb(162, 48%, 88%)

CMYK

cmyk(48%, 0%, 14%, 12%)

Oklch

oklch(83.4% 0.110 171.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEC825

263BDF

Analogous

DF6C26

DEC825

98DF26

Triadic

DEC825

26DFC9

C926DF

Split-Comp.

DEC825

2698DF

6C26DF

Tetradic

DEC825

26DF6C

263BDF

DF2698

Contrast Matrix WCAG 2.1 Contrast

DEC825	A97B75	86A39D	23D4BB	75E0C0
—	2.1 Fail	1.6 Fail	1.1 Fail	1.1 Fail
2.1 Fail	—	1.3 Fail	1.9 Fail	2.3 Fail
1.6 Fail	1.3 Fail	—	1.4 Fail	1.7 Fail
1.1 Fail	1.9 Fail	1.4 Fail	—	1.2 Fail
1.1 Fail	2.3 Fail	1.7 Fail	1.2 Fail	—

White BG

1.7Fail

3.6AA Large

2.7Fail

1.9Fail

1.6Fail

Black BG

12.4AAA

5.8AA

7.7AAA

11.2AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D4D44C

959576

93939E

7071C1

A3A4C8

Deuteranopia

D6D756

989B77

918F9F

6558C3

9D95CA

Tritanopia

DD6C72

A77878

87A0A0

2CC6C7

7ACECF

Achromatopsia

BCBCBC

888888

9A9A9A

9C9C9C

BCBCBC

Shades & Tints Shades & Tints

#DEC825

Dark

Light

#A97B75

Dark

Light

#86A39D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dec825;
  --color-2: #a97b75;
  --color-3: #86a39d;
  --color-4: #23d4bb;
  --color-5: #75e0c0;
}

SCSS

$color-1: #dec825;
$color-2: #a97b75;
$color-3: #86a39d;
$color-4: #23d4bb;
$color-5: #75e0c0;

TAILWIND

colors: {
  'brand-1': '#dec825',
  'brand-2': '#a97b75',
  'brand-3': '#86a39d',
  'brand-4': '#23d4bb',
  'brand-5': '#75e0c0',
}

RGB Array

[222, 200, 37], [169, 123, 117], [134, 163, 157], [35, 212, 187], [117, 224, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEC825, #A97B75, #86A39D, #23D4BB, #75E0C0 is ideal for: corporate websites, product showcases, portfolios. 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: #dec825; --color-2: #a97b75; --color-3: #86a39d; --color-4: #23d4bb; --color-5: #75e0c0. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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