#D7303A + #DC6261 + #EBE3BC + #D8D5A0 + #91B6AF - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D7303A

Vermilion · Crimson · Passion Red

HEX

#D7303A

RGB

rgb(215, 48, 58)

HSL

hsl(356, 68%, 52%)

HSB

hsb(356, 78%, 84%)

CMYK

cmyk(0%, 78%, 73%, 16%)

Oklch

oklch(57.7% 0.202 23.6)

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

#DC6261

Peach Pink · Tomato · Coral Red

HEX

#DC6261

RGB

rgb(220, 98, 97)

HSL

hsl(0, 64%, 62%)

HSB

hsb(0, 56%, 86%)

CMYK

cmyk(0%, 55%, 56%, 14%)

Oklch

oklch(64.7% 0.154 22.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#EBE3BC

Fresh Green · Wheat · Lemon Cream

HEX

#EBE3BC

RGB

rgb(235, 227, 188)

HSL

hsl(50, 54%, 83%)

HSB

hsb(50, 20%, 92%)

CMYK

cmyk(0%, 3%, 20%, 8%)

Oklch

oklch(91.2% 0.052 97.7)

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

#D8D5A0

Fresh Green · Khaki · Sunflower

HEX

#D8D5A0

RGB

rgb(216, 213, 160)

HSL

hsl(57, 42%, 74%)

HSB

hsb(57, 26%, 85%)

CMYK

cmyk(0%, 1%, 26%, 15%)

Oklch

oklch(86.2% 0.070 105.1)

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

#91B6AF

Jade · DarkGray · Lake Green

HEX

#91B6AF

RGB

rgb(145, 182, 175)

HSL

hsl(169, 20%, 64%)

HSB

hsb(169, 20%, 71%)

CMYK

cmyk(20%, 0%, 4%, 29%)

Oklch

oklch(74.7% 0.041 182.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D7303A

31D8CD

Analogous

D83190

D7303A

D87A31

Triadic

D7303A

3CD831

313CD8

Split-Comp.

D7303A

31D87A

3190D8

Tetradic

D7303A

90D831

31D8CD

7A31D8

Contrast Matrix WCAG 2.1 Contrast

D7303A	DC6261	EBE3BC	D8D5A0	91B6AF
—	1.4 Fail	3.7 AA Large	3.2 AA Large	2.2 Fail
1.4 Fail	—	2.7 Fail	2.3 Fail	1.6 Fail
3.7 AA Large	2.7 Fail	—	1.2 Fail	1.7 Fail
3.2 AA Large	2.3 Fail	1.2 Fail	—	1.5 Fail
2.2 Fail	1.6 Fail	1.7 Fail	1.5 Fail	—

White BG

4.8AA

3.5AA Large

1.3Fail

1.5Fail

2.2Fail

Black BG

4.4AA Large

6.0AA

16.2AAA

13.9AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8F8D38

A7A661

E8E7C5

D7D7AD

A1A1B1

Deuteranopia

98A537

AEB761

E8E9C8

D7D7B0

9F9CB1

Tritanopia

CF3635

D66161

EBCDCF

D8B7B9

93B2B2

Achromatopsia

636363

868686

E1E1E1

D0D0D0

AAAAAA

Shades & Tints Shades & Tints

#D7303A

Dark

Light

#DC6261

Dark

Light

#EBE3BC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d7303a;
  --color-2: #dc6261;
  --color-3: #ebe3bc;
  --color-4: #d8d5a0;
  --color-5: #91b6af;
}

SCSS

$color-1: #d7303a;
$color-2: #dc6261;
$color-3: #ebe3bc;
$color-4: #d8d5a0;
$color-5: #91b6af;

TAILWIND

colors: {
  'brand-1': '#d7303a',
  'brand-2': '#dc6261',
  'brand-3': '#ebe3bc',
  'brand-4': '#d8d5a0',
  'brand-5': '#91b6af',
}

RGB Array

[215, 48, 58], [220, 98, 97], [235, 227, 188], [216, 213, 160], [145, 182, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D7303A, #DC6261, #EBE3BC, #D8D5A0, #91B6AF is ideal for: health products, baby brands, fresh-style blogs. 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: #d7303a; --color-2: #dc6261; --color-3: #ebe3bc; --color-4: #d8d5a0; --color-5: #91b6af. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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