← Back to Editor

#EB74A2 · #CB9AAC · #B1B4B3 · #9EC2B5 · #7FC8B0

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EB74A2

Rouge · LightCoral · Rose Pink

HEX
#EB74A2
RGB
rgb(235, 116, 162)
HSL
hsl(337, 75%, 69%)
HSB
hsb(337, 51%, 92%)
CMYK
cmyk(0%, 51%, 31%, 8%)
Oklch
oklch(70.9% 0.154 357.4)

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

#CB9AAC

Rouge · DarkGray · Rose Pink

HEX
#CB9AAC
RGB
rgb(203, 154, 172)
HSL
hsl(338, 32%, 70%)
HSB
hsb(338, 24%, 80%)
CMYK
cmyk(0%, 24%, 15%, 20%)
Oklch
oklch(73.7% 0.063 354.9)

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

#B1B4B3

Ash · DarkGray · Silver Sand

HEX
#B1B4B3
RGB
rgb(177, 180, 179)
HSL
hsl(160, 2%, 70%)
HSB
hsb(160, 2%, 71%)
CMYK
cmyk(2%, 0%, 1%, 29%)
Oklch
oklch(76.7% 0.004 174.4)

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

#9EC2B5

Jade · DarkGray · Apple Green

HEX
#9EC2B5
RGB
rgb(158, 194, 181)
HSL
hsl(158, 23%, 69%)
HSB
hsb(158, 19%, 76%)
CMYK
cmyk(19%, 0%, 7%, 24%)
Oklch
oklch(78.4% 0.043 171.2)

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

#7FC8B0

Jade · MediumAquaMarine · Lake Green

HEX
#7FC8B0
RGB
rgb(127, 200, 176)
HSL
hsl(160, 40%, 64%)
HSB
hsb(160, 37%, 78%)
CMYK
cmyk(37%, 0%, 12%, 22%)
Oklch
oklch(77.8% 0.081 171.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EB74A2
75EBBE

Analogous

EB75DD
EB74A2
EB8275

Triadic

EB74A2
A2EB75
75A2EB

Split-Comp.

EB74A2
75EB82
75DDEB

Tetradic

EB74A2
DDEB75
75EBBE
8275EB

Contrast Matrix WCAG 2.1 Contrast

EB74A2
CB9AAC
B1B4B3
9EC2B5
7FC8B0
—
1.2
Fail
1.3
Fail
1.4
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.2
Fail
1.3
Fail
1.1
Fail
—
1.1
Fail
1.1
Fail
1.4
Fail
1.2
Fail
1.1
Fail
—
1.0
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.0
Fail
—
White BG
2.8Fail
2.4Fail
2.1Fail
1.9Fail
1.9Fail
Black BG
7.6AAA
8.8AAA
10.0AAA
10.8AAA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B697
B6B5A8
B2B2B3
AEAEB8
9F9FB6

Deuteranopia

BEC794
B9BCA7
B2B2B3
ACA9B9
9A95B7

Tritanopia

E58E8C
C9A4A3
B1B3B3
A0BBBB
83BABB

Achromatopsia

9D9D9D
ABABAB
B3B3B3
B6B6B6
AFAFAF

Shades & Tints Shades & Tints

#EB74A2

Dark
Light

#CB9AAC

Dark
Light

#B1B4B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eb74a2;
  --color-2: #cb9aac;
  --color-3: #b1b4b3;
  --color-4: #9ec2b5;
  --color-5: #7fc8b0;
}

SCSS

$color-1: #eb74a2;
$color-2: #cb9aac;
$color-3: #b1b4b3;
$color-4: #9ec2b5;
$color-5: #7fc8b0;

TAILWIND

colors: {
  'brand-1': '#eb74a2',
  'brand-2': '#cb9aac',
  'brand-3': '#b1b4b3',
  'brand-4': '#9ec2b5',
  'brand-5': '#7fc8b0',
}

RGB Array

[235, 116, 162], [203, 154, 172], [177, 180, 179], [158, 194, 181], [127, 200, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EB74A2, #CB9AAC, #B1B4B3, #9EC2B5, #7FC8B0 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: #eb74a2; --color-2: #cb9aac; --color-3: #b1b4b3; --color-4: #9ec2b5; --color-5: #7fc8b0. 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