#73D1C0 + #B5E1D9 + #FFFFFF + #FFE1D9 + #FF967B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#73D1C0

Jade · MediumAquaMarine · Lake Green

HEX

#73D1C0

RGB

rgb(115, 209, 192)

HSL

hsl(169, 51%, 64%)

HSB

hsb(169, 45%, 82%)

CMYK

cmyk(45%, 0%, 8%, 18%)

Oklch

oklch(79.8% 0.094 180.7)

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

#B5E1D9

Jade · LightBlue · Glacier Blue

HEX

#B5E1D9

RGB

rgb(181, 225, 217)

HSL

hsl(169, 42%, 80%)

HSB

hsb(169, 20%, 88%)

CMYK

cmyk(20%, 0%, 4%, 12%)

Oklch

oklch(87.6% 0.047 182.9)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX

#FFFFFF

RGB

rgb(255, 255, 255)

HSL

hsl(0, 0%, 100%)

HSB

hsb(0, 0%, 100%)

CMYK

cmyk(0%, 0%, 0%, 0%)

Oklch

oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#FFE1D9

Peach Pink · Linen · Cherry Blossom

HEX

#FFE1D9

RGB

rgb(255, 225, 217)

HSL

hsl(13, 100%, 93%)

HSB

hsb(13, 15%, 100%)

CMYK

cmyk(0%, 12%, 15%, 0%)

Oklch

oklch(93.2% 0.035 35.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FF967B

Peach Pink · LightSalmon · Coral Red

HEX

#FF967B

RGB

rgb(255, 150, 123)

HSL

hsl(12, 100%, 74%)

HSB

hsb(12, 52%, 100%)

CMYK

cmyk(0%, 41%, 52%, 0%)

Oklch

oklch(77.7% 0.133 35.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

73D1C0

D27486

Analogous

74D292

73D1C0

74B4D2

Triadic

73D1C0

C174D2

D2C174

Split-Comp.

73D1C0

D274B4

D29274

Tetradic

73D1C0

9274D2

D27486

B4D274

Contrast Matrix WCAG 2.1 Contrast

73D1C0	B5E1D9	FFFFFF	FFE1D9	FF967B
—	1.3 Fail	1.8 Fail	1.5 Fail	1.2 Fail
1.3 Fail	—	1.4 Fail	1.2 Fail	1.5 Fail
1.8 Fail	1.4 Fail	—	1.2 Fail	2.1 Fail
1.5 Fail	1.2 Fail	1.2 Fail	—	1.7 Fail
1.2 Fail	1.5 Fail	2.1 Fail	1.7 Fail	—

White BG

1.8Fail

1.4Fail

1.0Fail

1.2Fail

2.1Fail

Black BG

11.6AAA

14.7AAA

21.0AAA

17.0AAA

9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9DC4

C8C8DB

FFFFFF

F2F2DB

D2D182

Deuteranopia

968FC5

C6C2DB

FFFFFF

F4F6DB

D8E083

Tritanopia

78C7C8

B7DCDD

FFFFFF

FEDCDD

FA8788

Achromatopsia

B3B3B3

D3D3D3

FFFFFF

E9E9E9

B2B2B2

Shades & Tints Shades & Tints

#73D1C0

Dark

Light

#B5E1D9

Dark

Light

#FFFFFF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #73d1c0;
  --color-2: #b5e1d9;
  --color-3: #ffffff;
  --color-4: #ffe1d9;
  --color-5: #ff967b;
}

SCSS

$color-1: #73d1c0;
$color-2: #b5e1d9;
$color-3: #ffffff;
$color-4: #ffe1d9;
$color-5: #ff967b;

TAILWIND

colors: {
  'brand-1': '#73d1c0',
  'brand-2': '#b5e1d9',
  'brand-3': '#ffffff',
  'brand-4': '#ffe1d9',
  'brand-5': '#ff967b',
}

RGB Array

[115, 209, 192], [181, 225, 217], [255, 255, 255], [255, 225, 217], [255, 150, 123]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #73D1C0, #B5E1D9, #FFFFFF, #FFE1D9, #FF967B 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: #73d1c0; --color-2: #b5e1d9; --color-3: #ffffff; --color-4: #ffe1d9; --color-5: #ff967b. 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