#495D99 + #C4375A + #DB9200 + #C9BD51 + #DEDAAB - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#495D99

Indigo · DarkSlateBlue · Navy Blue

HEX

#495D99

RGB

rgb(73, 93, 153)

HSL

hsl(225, 35%, 44%)

HSB

hsb(225, 52%, 60%)

CMYK

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

Oklch

oklch(49.0% 0.100 268.6)

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

#C4375A

Crimson · Crimson · Passion Red

HEX

#C4375A

RGB

rgb(196, 55, 90)

HSL

hsl(345, 56%, 49%)

HSB

hsb(345, 72%, 77%)

CMYK

cmyk(0%, 72%, 54%, 23%)

Oklch

oklch(55.6% 0.178 10.6)

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

#DB9200

Ochre · GoldenRod · Honey Gold

HEX

#DB9200

RGB

rgb(219, 146, 0)

HSL

hsl(40, 100%, 43%)

HSB

hsb(40, 100%, 86%)

CMYK

cmyk(0%, 33%, 100%, 14%)

Oklch

oklch(71.6% 0.152 73.6)

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

#C9BD51

Autumn Sage · SandyBrown · Sunflower

HEX

#C9BD51

RGB

rgb(201, 189, 81)

HSL

hsl(54, 53%, 55%)

HSB

hsb(54, 60%, 79%)

CMYK

cmyk(0%, 6%, 60%, 21%)

Oklch

oklch(78.7% 0.129 103.0)

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

#DEDAAB

Fresh Green · Wheat · Lemon Cream

HEX

#DEDAAB

RGB

rgb(222, 218, 171)

HSL

hsl(55, 44%, 77%)

HSB

hsb(55, 23%, 87%)

CMYK

cmyk(0%, 2%, 23%, 13%)

Oklch

oklch(88.0% 0.062 103.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

495D99

978449

Analogous

498497

495D99

5D4997

Triadic

495D99

97495D

5D9749

Split-Comp.

495D99

975D49

849749

Tetradic

495D99

974984

978449

49975D

Contrast Matrix WCAG 2.1 Contrast

495D99	C4375A	DB9200	C9BD51	DEDAAB
—	1.2 Fail	2.5 Fail	3.3 AA Large	4.4 AA Large
1.2 Fail	—	2.0 Fail	2.7 Fail	3.6 AA Large
2.5 Fail	2.0 Fail	—	1.3 Fail	1.8 Fail
3.3 AA Large	2.7 Fail	1.3 Fail	—	1.4 Fail
4.4 AA Large	3.6 AA Large	1.8 Fail	1.4 Fail	—

White BG

6.3AA

5.2AA

2.6Fail

1.9Fail

1.4Fail

Black BG

3.3AA Large

4.0AA Large

8.1AAA

10.9AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

52528A

878652

BBBB23

C4C46B

DCDCB6

Deuteranopia

514F87

8F9A50

C0C52C

C5C571

DDDDB9

Tritanopia

4A7F7D

BD4B49

D73F45

C88084

DEBFC1

Achromatopsia

5E5E5E

656565

979797

B4B4B4

D6D6D6

Shades & Tints Shades & Tints

#495D99

Dark

Light

#C4375A

Dark

Light

#DB9200

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #495d99;
  --color-2: #c4375a;
  --color-3: #db9200;
  --color-4: #c9bd51;
  --color-5: #dedaab;
}

SCSS

$color-1: #495d99;
$color-2: #c4375a;
$color-3: #db9200;
$color-4: #c9bd51;
$color-5: #dedaab;

TAILWIND

colors: {
  'brand-1': '#495d99',
  'brand-2': '#c4375a',
  'brand-3': '#db9200',
  'brand-4': '#c9bd51',
  'brand-5': '#dedaab',
}

RGB Array

[73, 93, 153], [196, 55, 90], [219, 146, 0], [201, 189, 81], [222, 218, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #495D99, #C4375A, #DB9200, #C9BD51, #DEDAAB 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: #495d99; --color-2: #c4375a; --color-3: #db9200; --color-4: #c9bd51; --color-5: #dedaab. 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