#C53445 + #B05D4D + #B9AF72 + #D0C689 + #D5D49E · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#C53445

Crimson · Crimson · Passion Red

HEX

#C53445

RGB

rgb(197, 52, 69)

HSL

hsl(353, 58%, 49%)

HSB

hsb(353, 74%, 77%)

CMYK

cmyk(0%, 74%, 65%, 23%)

Oklch

oklch(55.1% 0.181 19.3)

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

#B05D4D

Crimson · Sienna · Passion Red

HEX

#B05D4D

RGB

rgb(176, 93, 77)

HSL

hsl(10, 39%, 50%)

HSB

hsb(10, 56%, 69%)

CMYK

cmyk(0%, 47%, 56%, 31%)

Oklch

oklch(57.3% 0.111 32.1)

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

#B9AF72

Autumn Sage · Tan · Sunflower

HEX

#B9AF72

RGB

rgb(185, 175, 114)

HSL

hsl(52, 34%, 59%)

HSB

hsb(52, 38%, 73%)

CMYK

cmyk(0%, 5%, 38%, 27%)

Oklch

oklch(74.8% 0.081 100.1)

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

#D0C689

Fresh Green · Tan · Sunflower

HEX

#D0C689

RGB

rgb(208, 198, 137)

HSL

hsl(52, 43%, 68%)

HSB

hsb(52, 34%, 82%)

CMYK

cmyk(0%, 5%, 34%, 18%)

Oklch

oklch(82.0% 0.080 100.0)

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

#D5D49E

Fresh Green · Tan · Sunflower

HEX

#D5D49E

RGB

rgb(213, 212, 158)

HSL

hsl(59, 40%, 73%)

HSB

hsb(59, 26%, 84%)

CMYK

cmyk(0%, 0%, 26%, 16%)

Oklch

oklch(85.8% 0.071 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C53445

34C5B5

Analogous

C5348E

C53445

C56C34

Triadic

C53445

45C534

3445C5

Split-Comp.

C53445

34C56C

348EC5

Tetradic

C53445

8EC534

34C5B5

6C34C5

Contrast Matrix WCAG 2.1 Contrast

C53445	B05D4D	B9AF72	D0C689	D5D49E
—	1.1 Fail	2.4 Fail	3.1 AA Large	3.5 AA Large
1.1 Fail	—	2.1 Fail	2.7 Fail	3.0 AA Large
2.4 Fail	2.1 Fail	—	1.3 Fail	1.5 Fail
3.1 AA Large	2.7 Fail	1.3 Fail	—	1.1 Fail
3.5 AA Large	3.0 AA Large	1.5 Fail	1.1 Fail	—

White BG

5.3AA

4.6AA

2.2Fail

1.7Fail

1.5Fail

Black BG

4.0AA Large

4.5AA

9.4AAA

12.1AAA

13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

868541

8C8B51

B5B581

CCCC98

D5D5AB

Deuteranopia

8F9940

919752

B5B684

CCCD9B

D5D5AE

Tritanopia

BE3E3D

AC5455

B98C8F

D0A3A6

D5B5B8

Achromatopsia

616161

747474

ABABAB

C2C2C2

CECECE

Shades & Tints Shades & Tints

#C53445

Dark

Light

#B05D4D

Dark

Light

#B9AF72

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c53445;
  --color-2: #b05d4d;
  --color-3: #b9af72;
  --color-4: #d0c689;
  --color-5: #d5d49e;
}

SCSS

$color-1: #c53445;
$color-2: #b05d4d;
$color-3: #b9af72;
$color-4: #d0c689;
$color-5: #d5d49e;

TAILWIND

colors: {
  'brand-1': '#c53445',
  'brand-2': '#b05d4d',
  'brand-3': '#b9af72',
  'brand-4': '#d0c689',
  'brand-5': '#d5d49e',
}

RGB Array

[197, 52, 69], [176, 93, 77], [185, 175, 114], [208, 198, 137], [213, 212, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #C53445, #B05D4D, #B9AF72, #D0C689, #D5D49E 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: #c53445; --color-2: #b05d4d; --color-3: #b9af72; --color-4: #d0c689; --color-5: #d5d49e. 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 cool-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