#ED6F6B + #DA7E7D + #BD9493 + #AAA3A1 + #92B5B6 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ED6F6B

Peach Pink · Salmon · Coral Red

HEX

#ED6F6B

RGB

rgb(237, 111, 107)

HSL

hsl(2, 78%, 67%)

HSB

hsb(2, 55%, 93%)

CMYK

cmyk(0%, 53%, 55%, 7%)

Oklch

oklch(69.1% 0.157 23.9)

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

#DA7E7D

Peach Pink · LightCoral · Coral Red

HEX

#DA7E7D

RGB

rgb(218, 126, 125)

HSL

hsl(1, 56%, 67%)

HSB

hsb(1, 43%, 85%)

CMYK

cmyk(0%, 42%, 43%, 15%)

Oklch

oklch(69.3% 0.114 21.1)

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

#BD9493

Peach Pink · DarkGray · Coral Red

HEX

#BD9493

RGB

rgb(189, 148, 147)

HSL

hsl(1, 24%, 66%)

HSB

hsb(1, 22%, 74%)

CMYK

cmyk(0%, 22%, 22%, 26%)

Oklch

oklch(70.4% 0.050 20.0)

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

#AAA3A1

Ash · DarkGray · Silver Sand

HEX

#AAA3A1

RGB

rgb(170, 163, 161)

HSL

hsl(13, 5%, 65%)

HSB

hsb(13, 5%, 67%)

CMYK

cmyk(0%, 4%, 5%, 33%)

Oklch

oklch(72.1% 0.009 36.5)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#92B5B6

Sky Blue · DarkGray · Lake Green

HEX

#92B5B6

RGB

rgb(146, 181, 182)

HSL

hsl(182, 20%, 64%)

HSB

hsb(182, 20%, 71%)

CMYK

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

Oklch

oklch(74.8% 0.038 198.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED6F6B

69E8EC

Analogous

EC69A6

ED6F6B

ECAF69

Triadic

ED6F6B

69EC6E

6E69EC

Split-Comp.

ED6F6B

69ECAF

69A6EC

Tetradic

ED6F6B

A6EC69

69E8EC

AF69EC

Contrast Matrix WCAG 2.1 Contrast

ED6F6B	DA7E7D	BD9493	AAA3A1	92B5B6
—	1.0 Fail	1.1 Fail	1.2 Fail	1.3 Fail
1.0 Fail	—	1.1 Fail	1.2 Fail	1.3 Fail
1.1 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.2 Fail	1.2 Fail	1.1 Fail	—	1.1 Fail
1.3 Fail	1.3 Fail	1.2 Fail	1.1 Fail	—

White BG

3.0Fail

2.9Fail

2.7Fail

2.5Fail

2.2Fail

Black BG

7.1AAA

7.3AAA

7.8AAA

8.5AAA

9.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B6B56C

B2B17D

ABAB93

A7A7A1

A1A1B6

Deuteranopia

BEC76C

B8BE7D

AEB193

A7A8A2

9F9DB6

Tritanopia

E76D6D

D57D7D

BB9393

AAA2A2

94B6B6

Achromatopsia

949494

999999

A0A0A0

A5A5A5

ABABAB

Shades & Tints Shades & Tints

#ED6F6B

Dark

Light

#DA7E7D

Dark

Light

#BD9493

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed6f6b;
  --color-2: #da7e7d;
  --color-3: #bd9493;
  --color-4: #aaa3a1;
  --color-5: #92b5b6;
}

SCSS

$color-1: #ed6f6b;
$color-2: #da7e7d;
$color-3: #bd9493;
$color-4: #aaa3a1;
$color-5: #92b5b6;

TAILWIND

colors: {
  'brand-1': '#ed6f6b',
  'brand-2': '#da7e7d',
  'brand-3': '#bd9493',
  'brand-4': '#aaa3a1',
  'brand-5': '#92b5b6',
}

RGB Array

[237, 111, 107], [218, 126, 125], [189, 148, 147], [170, 163, 161], [146, 181, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ED6F6B, #DA7E7D, #BD9493, #AAA3A1, #92B5B6 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: #ed6f6b; --color-2: #da7e7d; --color-3: #bd9493; --color-4: #aaa3a1; --color-5: #92b5b6. 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