#EFCBB5 + #F5B3C1 + #C28D9F + #7E7D9D + #597193 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EFCBB5

Apricot · Wheat · Peach Orange

HEX

#EFCBB5

RGB

rgb(239, 203, 181)

HSL

hsl(23, 64%, 82%)

HSB

hsb(23, 24%, 94%)

CMYK

cmyk(0%, 15%, 24%, 6%)

Oklch

oklch(86.7% 0.051 53.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F5B3C1

Peach Pink · LightPink · Cherry Blossom

HEX

#F5B3C1

RGB

rgb(245, 179, 193)

HSL

hsl(347, 77%, 83%)

HSB

hsb(347, 27%, 96%)

CMYK

cmyk(0%, 27%, 21%, 4%)

Oklch

oklch(83.2% 0.079 4.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#C28D9F

Rouge · DarkGray · Rose Pink

HEX

#C28D9F

RGB

rgb(194, 141, 159)

HSL

hsl(340, 30%, 66%)

HSB

hsb(340, 27%, 76%)

CMYK

cmyk(0%, 27%, 18%, 24%)

Oklch

oklch(70.0% 0.068 356.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#7E7D9D

Deep Indigo · LightSlateGray · Navy Blue

HEX

#7E7D9D

RGB

rgb(126, 125, 157)

HSL

hsl(242, 14%, 55%)

HSB

hsb(242, 20%, 62%)

CMYK

cmyk(20%, 20%, 0%, 38%)

Oklch

oklch(60.2% 0.048 286.3)

Traditional「Deep Indigo」· Paint「Navy Blue」· Creative Blush Sunrise

#597193

Indigo · SlateGray · Navy Blue

HEX

#597193

RGB

rgb(89, 113, 147)

HSL

hsl(215, 25%, 46%)

HSB

hsb(215, 39%, 58%)

CMYK

cmyk(39%, 23%, 0%, 42%)

Oklch

oklch(54.3% 0.061 257.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFCBB5

B4D8EE

Analogous

EEB4BB

EFCBB5

EEE8B4

Triadic

EFCBB5

B4EECA

CAB4EE

Split-Comp.

EFCBB5

B4EEE8

B4BBEE

Tetradic

EFCBB5

BBEEB4

B4D8EE

E8B4EE

Contrast Matrix WCAG 2.1 Contrast

EFCBB5	F5B3C1	C28D9F	7E7D9D	597193
—	1.1 Fail	1.8 Fail	2.6 Fail	3.3 AA Large
1.1 Fail	—	1.6 Fail	2.3 Fail	2.9 Fail
1.8 Fail	1.6 Fail	—	1.4 Fail	1.8 Fail
2.6 Fail	2.3 Fail	1.4 Fail	—	1.3 Fail
3.3 AA Large	2.9 Fail	1.8 Fail	1.3 Fail	—

White BG

1.5Fail

1.7Fail

2.8Fail

4.0AA Large

5.0AA

Black BG

13.9AAA

12.1AAA

7.6AAA

5.3AA

4.2AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDFBA

D8D8BE

ABAB9B

7E7E95

63648B

Deuteranopia

E2E4BC

DCE1BD

AEB29A

7E7E93

626089

Tritanopia

EDBFBF

F2BBBA

BF9796

7E8F8E

5A8483

Achromatopsia

D3D3D3

C8C8C8

9F9F9F

818181

6E6E6E

Shades & Tints Shades & Tints

#EFCBB5

Dark

Light

#F5B3C1

Dark

Light

#C28D9F

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efcbb5;
  --color-2: #f5b3c1;
  --color-3: #c28d9f;
  --color-4: #7e7d9d;
  --color-5: #597193;
}

SCSS

$color-1: #efcbb5;
$color-2: #f5b3c1;
$color-3: #c28d9f;
$color-4: #7e7d9d;
$color-5: #597193;

TAILWIND

colors: {
  'brand-1': '#efcbb5',
  'brand-2': '#f5b3c1',
  'brand-3': '#c28d9f',
  'brand-4': '#7e7d9d',
  'brand-5': '#597193',
}

RGB Array

[239, 203, 181], [245, 179, 193], [194, 141, 159], [126, 125, 157], [89, 113, 147]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EFCBB5, #F5B3C1, #C28D9F, #7E7D9D, #597193 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: #efcbb5; --color-2: #f5b3c1; --color-3: #c28d9f; --color-4: #7e7d9d; --color-5: #597193. 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