#D4CA34 + #E96E28 + #AE3159 + #191631 + #27786F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D4CA34

Autumn Sage · GoldenRod · Sunflower

HEX

#D4CA34

RGB

rgb(212, 202, 52)

HSL

hsl(56, 65%, 52%)

HSB

hsb(56, 75%, 83%)

CMYK

cmyk(0%, 5%, 75%, 17%)

Oklch

oklch(82.2% 0.160 105.5)

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

#E96E28

Tangerine · Chocolate · Warm Sun

HEX

#E96E28

RGB

rgb(233, 110, 40)

HSL

hsl(22, 81%, 54%)

HSB

hsb(22, 83%, 91%)

CMYK

cmyk(0%, 53%, 83%, 9%)

Oklch

oklch(67.5% 0.171 46.0)

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

#AE3159

Dark Violet · Brown · Camellia

HEX

#AE3159

RGB

rgb(174, 49, 89)

HSL

hsl(341, 56%, 44%)

HSB

hsb(341, 72%, 68%)

CMYK

cmyk(0%, 72%, 49%, 32%)

Oklch

oklch(51.3% 0.163 5.7)

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

#191631

Deep Indigo · Black · Deep Sea Blue

HEX

#191631

RGB

rgb(25, 22, 49)

HSL

hsl(247, 38%, 14%)

HSB

hsb(247, 55%, 19%)

CMYK

cmyk(49%, 55%, 0%, 81%)

Oklch

oklch(22.0% 0.052 286.4)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#27786F

Mineral Blue · SeaGreen · Mint Ice

HEX

#27786F

RGB

rgb(39, 120, 111)

HSL

hsl(173, 51%, 31%)

HSB

hsb(173, 68%, 47%)

CMYK

cmyk(68%, 0%, 7%, 53%)

Oklch

oklch(52.2% 0.078 184.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D4CA34

3540D4

Analogous

D47A35

D4CA34

8FD435

Triadic

D4CA34

35D4CA

CA35D4

Split-Comp.

D4CA34

358FD4

7A35D4

Tetradic

D4CA34

35D47A

3540D4

D4358F

Contrast Matrix WCAG 2.1 Contrast

D4CA34	E96E28	AE3159	191631	27786F
—	1.8 Fail	3.6 AA Large	10.2 AAA	3.1 AA Large
1.8 Fail	—	2.0 Fail	5.6 AA	1.7 Fail
3.6 AA Large	2.0 Fail	—	2.8 Fail	1.2 Fail
10.2 AAA	5.6 AA	2.8 Fail	—	3.3 AA Large
3.1 AA Large	1.7 Fail	1.2 Fail	3.3 AA Large	—

White BG

1.7Fail

3.1AA Large

6.2AA

17.5AAA

5.2AA

Black BG

12.3AAA

6.7AA

3.4AA Large

1.2Fail

4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

D0D058

B4B339

78774F

18182A

4A4B71

Deuteranopia

D0D161

BBC43D

7F894D

181829

453F72

Tritanopia

D3757B

E34649

A84846

192524

2B7373

Achromatopsia

BCBCBC

8B8B8B

5B5B5B

1A1A1A

5F5F5F

Shades & Tints Shades & Tints

#D4CA34

Dark

Light

#E96E28

Dark

Light

#AE3159

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d4ca34;
  --color-2: #e96e28;
  --color-3: #ae3159;
  --color-4: #191631;
  --color-5: #27786f;
}

SCSS

$color-1: #d4ca34;
$color-2: #e96e28;
$color-3: #ae3159;
$color-4: #191631;
$color-5: #27786f;

TAILWIND

colors: {
  'brand-1': '#d4ca34',
  'brand-2': '#e96e28',
  'brand-3': '#ae3159',
  'brand-4': '#191631',
  'brand-5': '#27786f',
}

RGB Array

[212, 202, 52], [233, 110, 40], [174, 49, 89], [25, 22, 49], [39, 120, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D4CA34, #E96E28, #AE3159, #191631, #27786F 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: #d4ca34; --color-2: #e96e28; --color-3: #ae3159; --color-4: #191631; --color-5: #27786f. 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