#E0D9BD + #6AD8CD + #3DC9BE + #4F9FDA + #4090CD - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#E0D9BD

Goose Yellow · Wheat · Lemon Cream

HEX

#E0D9BD

RGB

rgb(224, 217, 189)

HSL

hsl(48, 36%, 81%)

HSB

hsb(48, 16%, 88%)

CMYK

cmyk(0%, 3%, 16%, 12%)

Oklch

oklch(88.4% 0.038 95.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#6AD8CD

Jade · MediumTurquoise · Lake Green

HEX

#6AD8CD

RGB

rgb(106, 216, 205)

HSL

hsl(174, 59%, 63%)

HSB

hsb(174, 51%, 85%)

CMYK

cmyk(51%, 0%, 5%, 15%)

Oklch

oklch(81.4% 0.103 186.7)

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

#3DC9BE

Mineral Blue · MediumTurquoise · Lake Green

HEX

#3DC9BE

RGB

rgb(61, 201, 190)

HSL

hsl(175, 56%, 51%)

HSB

hsb(175, 70%, 79%)

CMYK

cmyk(70%, 0%, 5%, 21%)

Oklch

oklch(76.0% 0.118 187.3)

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

#4F9FDA

Lake Blue · CornflowerBlue · Navy Blue

HEX

#4F9FDA

RGB

rgb(79, 159, 218)

HSL

hsl(205, 65%, 58%)

HSB

hsb(205, 64%, 85%)

CMYK

cmyk(64%, 27%, 0%, 15%)

Oklch

oklch(67.7% 0.118 243.1)

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

#4090CD

Lake Blue · SteelBlue · Navy Blue

HEX

#4090CD

RGB

rgb(64, 144, 205)

HSL

hsl(206, 59%, 53%)

HSB

hsb(206, 69%, 80%)

CMYK

cmyk(69%, 30%, 0%, 20%)

Oklch

oklch(63.1% 0.121 244.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E0D9BD

BDC4E0

Analogous

E0C8BD

E0D9BD

D6E0BD

Triadic

E0D9BD

BDE0D9

D9BDE0

Split-Comp.

E0D9BD

BDD6E0

C8BDE0

Tetradic

E0D9BD

BDE0C8

BDC4E0

E0BDD6

Contrast Matrix WCAG 2.1 Contrast

E0D9BD	6AD8CD	3DC9BE	4F9FDA	4090CD
—	1.2 Fail	1.4 Fail	2.0 Fail	2.4 Fail
1.2 Fail	—	1.2 Fail	1.7 Fail	2.0 Fail
1.4 Fail	1.2 Fail	—	1.4 Fail	1.7 Fail
2.0 Fail	1.7 Fail	1.4 Fail	—	1.2 Fail
2.4 Fail	2.0 Fail	1.7 Fail	1.2 Fail	—

White BG

1.4Fail

1.7Fail

2.0Fail

2.9Fail

3.4AA Large

Black BG

14.8AAA

12.3AAA

10.3AAA

7.3AAA

6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDDC4

9A9BD0

7A7BC1

7272CC

6363BE

Deuteranopia

DDDEC5

938BD0

7267C1

6D67C8

5E58BB

Tritanopia

E0C9CA

6FD2D2

44C3C3

53C0BE

44B3B0

Achromatopsia

D8D8D8

B6B6B6

9E9E9E

8E8E8E

7F7F7F

Shades & Tints Shades & Tints

#E0D9BD

Dark

Light

#6AD8CD

Dark

Light

#3DC9BE

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e0d9bd;
  --color-2: #6ad8cd;
  --color-3: #3dc9be;
  --color-4: #4f9fda;
  --color-5: #4090cd;
}

SCSS

$color-1: #e0d9bd;
$color-2: #6ad8cd;
$color-3: #3dc9be;
$color-4: #4f9fda;
$color-5: #4090cd;

TAILWIND

colors: {
  'brand-1': '#e0d9bd',
  'brand-2': '#6ad8cd',
  'brand-3': '#3dc9be',
  'brand-4': '#4f9fda',
  'brand-5': '#4090cd',
}

RGB Array

[224, 217, 189], [106, 216, 205], [61, 201, 190], [79, 159, 218], [64, 144, 205]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E0D9BD, #6AD8CD, #3DC9BE, #4F9FDA, #4090CD 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: #e0d9bd; --color-2: #6ad8cd; --color-3: #3dc9be; --color-4: #4f9fda; --color-5: #4090cd. 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