#71C9BD + #ACCDB8 + #FDD9C3 + #E69F9B + #D75998 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#71C9BD

Jade · MediumAquaMarine · Lake Green

HEX

#71C9BD

RGB

rgb(113, 201, 189)

HSL

hsl(172, 45%, 62%)

HSB

hsb(172, 44%, 79%)

CMYK

cmyk(44%, 0%, 6%, 21%)

Oklch

oklch(77.7% 0.087 184.3)

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

#ACCDB8

Celadon · Silver · Apple Green

HEX

#ACCDB8

RGB

rgb(172, 205, 184)

HSL

hsl(142, 25%, 74%)

HSB

hsb(142, 16%, 80%)

CMYK

cmyk(16%, 0%, 10%, 20%)

Oklch

oklch(81.8% 0.046 157.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FDD9C3

Apricot · Bisque · Peach Orange

HEX

#FDD9C3

RGB

rgb(253, 217, 195)

HSL

hsl(23, 94%, 88%)

HSB

hsb(23, 23%, 99%)

CMYK

cmyk(0%, 14%, 23%, 1%)

Oklch

oklch(91.0% 0.050 53.3)

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

#E69F9B

Peach Pink · Tan · Coral Red

HEX

#E69F9B

RGB

rgb(230, 159, 155)

HSL

hsl(3, 60%, 75%)

HSB

hsb(3, 33%, 90%)

CMYK

cmyk(0%, 31%, 33%, 10%)

Oklch

oklch(77.0% 0.085 22.8)

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

#D75998

Dark Violet · LightCoral · Rose Pink

HEX

#D75998

RGB

rgb(215, 89, 152)

HSL

hsl(330, 61%, 60%)

HSB

hsb(330, 59%, 84%)

CMYK

cmyk(0%, 59%, 29%, 16%)

Oklch

oklch(64.3% 0.171 351.9)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

71C9BD

CA727E

Analogous

72CA92

71C9BD

72AACA

Triadic

71C9BD

BE72CA

CABE72

Split-Comp.

71C9BD

CA72AA

CA9272

Tetradic

71C9BD

9272CA

CA727E

AACA72

Contrast Matrix WCAG 2.1 Contrast

71C9BD	ACCDB8	FDD9C3	E69F9B	D75998
—	1.1 Fail	1.5 Fail	1.1 Fail	1.9 Fail
1.1 Fail	—	1.3 Fail	1.2 Fail	2.1 Fail
1.5 Fail	1.3 Fail	—	1.6 Fail	2.8 Fail
1.1 Fail	1.2 Fail	1.6 Fail	—	1.7 Fail
1.9 Fail	2.1 Fail	2.8 Fail	1.7 Fail	—

White BG

1.9Fail

1.7Fail

1.3Fail

2.1Fail

3.6AA Large

Black BG

10.8AAA

12.2AAA

15.9AAA

9.8AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9798C0

BABBBD

EDEDC8

C7C79C

A09F89

Deuteranopia

928BC1

B8B6BE

F0F2CA

CBD19C

A8B185

Tritanopia

75C2C3

AEC1C2

FBCDCD

E29D9D

D17D7A

Achromatopsia

ADADAD

C1C1C1

E1E1E1

B4B4B4

868686

Shades & Tints Shades & Tints

#71C9BD

Dark

Light

#ACCDB8

Dark

Light

#FDD9C3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #71c9bd;
  --color-2: #accdb8;
  --color-3: #fdd9c3;
  --color-4: #e69f9b;
  --color-5: #d75998;
}

SCSS

$color-1: #71c9bd;
$color-2: #accdb8;
$color-3: #fdd9c3;
$color-4: #e69f9b;
$color-5: #d75998;

TAILWIND

colors: {
  'brand-1': '#71c9bd',
  'brand-2': '#accdb8',
  'brand-3': '#fdd9c3',
  'brand-4': '#e69f9b',
  'brand-5': '#d75998',
}

RGB Array

[113, 201, 189], [172, 205, 184], [253, 217, 195], [230, 159, 155], [215, 89, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #71C9BD, #ACCDB8, #FDD9C3, #E69F9B, #D75998 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: #71c9bd; --color-2: #accdb8; --color-3: #fdd9c3; --color-4: #e69f9b; --color-5: #d75998. 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