#DEDCB5 + #94CAD2 + #F50B27 + #57BAC7 + #E6E6D2 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DEDCB5

Fresh Green · Wheat · Lemon Cream

HEX

#DEDCB5

RGB

rgb(222, 220, 181)

HSL

hsl(57, 38%, 79%)

HSB

hsb(57, 18%, 87%)

CMYK

cmyk(0%, 1%, 18%, 13%)

Oklch

oklch(88.6% 0.052 105.0)

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

#94CAD2

Sky Blue · SkyBlue · Lake Green

HEX

#94CAD2

RGB

rgb(148, 202, 210)

HSL

hsl(188, 41%, 70%)

HSB

hsb(188, 30%, 82%)

CMYK

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

Oklch

oklch(80.4% 0.057 207.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#F50B27

Vermilion · Crimson · Passion Red

HEX

#F50B27

RGB

rgb(245, 11, 39)

HSL

hsl(353, 92%, 50%)

HSB

hsb(353, 96%, 96%)

CMYK

cmyk(0%, 96%, 84%, 4%)

Oklch

oklch(61.3% 0.246 25.7)

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

#57BAC7

Slate Blue · MediumTurquoise · Lake Green

HEX

#57BAC7

RGB

rgb(87, 186, 199)

HSL

hsl(187, 50%, 56%)

HSB

hsb(187, 56%, 78%)

CMYK

cmyk(56%, 7%, 0%, 22%)

Oklch

oklch(73.5% 0.094 206.9)

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

#E6E6D2

Fresh Green · Beige · Lemon Cream

HEX

#E6E6D2

RGB

rgb(230, 230, 210)

HSL

hsl(60, 29%, 86%)

HSB

hsb(60, 9%, 90%)

CMYK

cmyk(0%, 0%, 9%, 10%)

Oklch

oklch(92.0% 0.027 106.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DEDCB5

B5B7DE

Analogous

DEC7B5

DEDCB5

CBDEB5

Triadic

DEDCB5

B5DEDC

DCB5DE

Split-Comp.

DEDCB5

B5CBDE

C7B5DE

Tetradic

DEDCB5

B5DEC7

B5B7DE

DEB5CB

Contrast Matrix WCAG 2.1 Contrast

DEDCB5	94CAD2	F50B27	57BAC7	E6E6D2
—	1.3 Fail	3.0 AA Large	1.6 Fail	1.1 Fail
1.3 Fail	—	2.3 Fail	1.3 Fail	1.4 Fail
3.0 AA Large	2.3 Fail	—	1.9 Fail	3.3 AA Large
1.6 Fail	1.3 Fail	1.9 Fail	—	1.8 Fail
1.1 Fail	1.4 Fail	3.3 AA Large	1.8 Fail	—

White BG

1.4Fail

1.8Fail

4.2AA Large

2.3Fail

1.3Fail

Black BG

15.0AAA

11.6AAA

5.0AA

9.3AAA

16.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDBE

ABACD0

908E20

8283C4

E6E6D7

Deuteranopia

DDDDC1

A8A4D0

9DAF1F

7C75C3

E6E6D8

Tritanopia

DEC6C8

97CFCE

E91B1A

5CC1C1

E6DBDC

Achromatopsia

D8D8D8

BBBBBB

545454

9E9E9E

E4E4E4

Shades & Tints Shades & Tints

#DEDCB5

Dark

Light

#94CAD2

Dark

Light

#F50B27

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dedcb5;
  --color-2: #94cad2;
  --color-3: #f50b27;
  --color-4: #57bac7;
  --color-5: #e6e6d2;
}

SCSS

$color-1: #dedcb5;
$color-2: #94cad2;
$color-3: #f50b27;
$color-4: #57bac7;
$color-5: #e6e6d2;

TAILWIND

colors: {
  'brand-1': '#dedcb5',
  'brand-2': '#94cad2',
  'brand-3': '#f50b27',
  'brand-4': '#57bac7',
  'brand-5': '#e6e6d2',
}

RGB Array

[222, 220, 181], [148, 202, 210], [245, 11, 39], [87, 186, 199], [230, 230, 210]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DEDCB5, #94CAD2, #F50B27, #57BAC7, #E6E6D2 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: #dedcb5; --color-2: #94cad2; --color-3: #f50b27; --color-4: #57bac7; --color-5: #e6e6d2. 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