#719C80 + #AED7D3 + #EBE3E0 + #FAAFB4 + #D74E60 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#719C80

Celadon · Gray · Olive Green

HEX

#719C80

RGB

rgb(113, 156, 128)

HSL

hsl(141, 18%, 53%)

HSB

hsb(141, 28%, 61%)

CMYK

cmyk(28%, 0%, 18%, 39%)

Oklch

oklch(65.3% 0.063 155.7)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#AED7D3

Jade · LightBlue · Glacier Blue

HEX

#AED7D3

RGB

rgb(174, 215, 211)

HSL

hsl(174, 34%, 76%)

HSB

hsb(174, 19%, 84%)

CMYK

cmyk(19%, 0%, 2%, 16%)

Oklch

oklch(84.9% 0.043 189.1)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#EBE3E0

Apricot · Linen · Peach Orange

HEX

#EBE3E0

RGB

rgb(235, 227, 224)

HSL

hsl(16, 22%, 90%)

HSB

hsb(16, 5%, 92%)

CMYK

cmyk(0%, 3%, 5%, 8%)

Oklch

oklch(92.1% 0.010 41.9)

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

#FAAFB4

Peach Pink · LightPink · Cherry Blossom

HEX

#FAAFB4

RGB

rgb(250, 175, 180)

HSL

hsl(356, 88%, 83%)

HSB

hsb(356, 30%, 98%)

CMYK

cmyk(0%, 30%, 28%, 2%)

Oklch

oklch(82.6% 0.088 14.8)

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

#D74E60

Vermilion · Tomato · Passion Red

HEX

#D74E60

RGB

rgb(215, 78, 96)

HSL

hsl(352, 63%, 57%)

HSB

hsb(352, 64%, 84%)

CMYK

cmyk(0%, 64%, 55%, 16%)

Oklch

oklch(61.3% 0.172 16.0)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

719C80

9D728E

Analogous

789D72

719C80

729D96

Triadic

719C80

81729D

9D8172

Split-Comp.

719C80

96729D

9D7278

Tetradic

719C80

72789D

9D728E

9D9672

Contrast Matrix WCAG 2.1 Contrast

719C80	AED7D3	EBE3E0	FAAFB4	D74E60
—	2.0 Fail	2.5 Fail	1.8 Fail	1.3 Fail
2.0 Fail	—	1.2 Fail	1.1 Fail	2.6 Fail
2.5 Fail	1.2 Fail	—	1.4 Fail	3.2 AA Large
1.8 Fail	1.1 Fail	1.4 Fail	—	2.3 Fail
1.3 Fail	2.6 Fail	3.2 AA Large	2.3 Fail	—

White BG

3.1AA Large

1.6Fail

1.3Fail

1.8Fail

4.1AA Large

Black BG

6.8AA

13.5AAA

16.6AAA

11.9AAA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848487

C0C0D4

E8E7E1

DAD9B3

9C9A5C

Deuteranopia

817E88

BDBAD4

E8E9E1

DEE4B3

A4AE5B

Tritanopia

738C8D

B0D5D5

EBE1E1

F6B2B2

D05857

Achromatopsia

8C8C8C

CACACA

E5E5E5

C6C6C6

797979

Shades & Tints Shades & Tints

#719C80

Dark

Light

#AED7D3

Dark

Light

#EBE3E0

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #719c80;
  --color-2: #aed7d3;
  --color-3: #ebe3e0;
  --color-4: #faafb4;
  --color-5: #d74e60;
}

SCSS

$color-1: #719c80;
$color-2: #aed7d3;
$color-3: #ebe3e0;
$color-4: #faafb4;
$color-5: #d74e60;

TAILWIND

colors: {
  'brand-1': '#719c80',
  'brand-2': '#aed7d3',
  'brand-3': '#ebe3e0',
  'brand-4': '#faafb4',
  'brand-5': '#d74e60',
}

RGB Array

[113, 156, 128], [174, 215, 211], [235, 227, 224], [250, 175, 180], [215, 78, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #719C80, #AED7D3, #EBE3E0, #FAAFB4, #D74E60 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: #719c80; --color-2: #aed7d3; --color-3: #ebe3e0; --color-4: #faafb4; --color-5: #d74e60. 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