#61A99E + #A5CCB9 + #EBD7BC + #CFADAC + #A77A8E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#61A99E

Mineral Blue · CadetBlue · Lake Green

HEX

#61A99E

RGB

rgb(97, 169, 158)

HSL

hsl(171, 30%, 52%)

HSB

hsb(171, 43%, 66%)

CMYK

cmyk(43%, 0%, 7%, 34%)

Oklch

oklch(68.4% 0.075 183.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#A5CCB9

Jade · Silver · Apple Green

HEX

#A5CCB9

RGB

rgb(165, 204, 185)

HSL

hsl(151, 28%, 72%)

HSB

hsb(151, 19%, 80%)

CMYK

cmyk(19%, 0%, 9%, 20%)

Oklch

oklch(81.2% 0.049 164.1)

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

#EBD7BC

Goose Yellow · Wheat · Peach Orange

HEX

#EBD7BC

RGB

rgb(235, 215, 188)

HSL

hsl(34, 54%, 83%)

HSB

hsb(34, 20%, 92%)

CMYK

cmyk(0%, 9%, 20%, 8%)

Oklch

oklch(88.9% 0.042 75.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CFADAC

Peach Pink · Silver · Coral Red

HEX

#CFADAC

RGB

rgb(207, 173, 172)

HSL

hsl(2, 27%, 74%)

HSB

hsb(2, 17%, 81%)

CMYK

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

Oklch

oklch(77.7% 0.040 20.0)

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

#A77A8E

Dark Violet · Gray · Rose Pink

HEX

#A77A8E

RGB

rgb(167, 122, 142)

HSL

hsl(333, 20%, 57%)

HSB

hsb(333, 27%, 65%)

CMYK

cmyk(0%, 27%, 15%, 35%)

Oklch

oklch(63.0% 0.062 350.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61A99E

A9606B

Analogous

60A97A

61A99E

6090A9

Triadic

61A99E

9E60A9

A99E60

Split-Comp.

61A99E

A96090

A97A60

Tetradic

61A99E

7A60A9

A9606B

90A960

Contrast Matrix WCAG 2.1 Contrast

61A99E	A5CCB9	EBD7BC	CFADAC	A77A8E
—	1.6 Fail	2.0 Fail	1.3 Fail	1.3 Fail
1.6 Fail	—	1.3 Fail	1.2 Fail	2.1 Fail
2.0 Fail	1.3 Fail	—	1.5 Fail	2.6 Fail
1.3 Fail	1.2 Fail	1.5 Fail	—	1.8 Fail
1.3 Fail	2.1 Fail	2.6 Fail	1.8 Fail	—

White BG

2.7Fail

1.8Fail

1.4Fail

2.1Fail

3.6AA Large

Black BG

7.7AAA

11.9AAA

15.0AAA

10.2AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8081A1

B6B6BE

E2E2C3

C0C0AC

949389

Deuteranopia

7C77A1

B4B1BF

E4E5C4

C2C5AC

969A88

Tritanopia

65A3A3

A7C1C2

EAC8C9

CDACAC

A58585

Achromatopsia

929292

BEBEBE

DADADA

B7B7B7

8A8A8A

Shades & Tints Shades & Tints

#61A99E

Dark

Light

#A5CCB9

Dark

Light

#EBD7BC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61a99e;
  --color-2: #a5ccb9;
  --color-3: #ebd7bc;
  --color-4: #cfadac;
  --color-5: #a77a8e;
}

SCSS

$color-1: #61a99e;
$color-2: #a5ccb9;
$color-3: #ebd7bc;
$color-4: #cfadac;
$color-5: #a77a8e;

TAILWIND

colors: {
  'brand-1': '#61a99e',
  'brand-2': '#a5ccb9',
  'brand-3': '#ebd7bc',
  'brand-4': '#cfadac',
  'brand-5': '#a77a8e',
}

RGB Array

[97, 169, 158], [165, 204, 185], [235, 215, 188], [207, 173, 172], [167, 122, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #61A99E, #A5CCB9, #EBD7BC, #CFADAC, #A77A8E 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: #61a99e; --color-2: #a5ccb9; --color-3: #ebd7bc; --color-4: #cfadac; --color-5: #a77a8e. 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