#6EB9BC + #FA8A88 + #FEC18B + #91CD99 + #77BE92 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#6EB9BC

Slate Blue · MediumAquaMarine · Lake Green

HEX

#6EB9BC

RGB

rgb(110, 185, 188)

HSL

hsl(182, 37%, 58%)

HSB

hsb(182, 41%, 74%)

CMYK

cmyk(41%, 2%, 0%, 26%)

Oklch

oklch(73.8% 0.075 199.0)

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

#FA8A88

Peach Pink · LightCoral · Coral Red

HEX

#FA8A88

RGB

rgb(250, 138, 136)

HSL

hsl(1, 92%, 76%)

HSB

hsb(1, 46%, 98%)

CMYK

cmyk(0%, 45%, 46%, 2%)

Oklch

oklch(75.5% 0.137 21.9)

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

#FEC18B

Apricot · BurlyWood · Peach Orange

HEX

#FEC18B

RGB

rgb(254, 193, 139)

HSL

hsl(28, 98%, 77%)

HSB

hsb(28, 45%, 100%)

CMYK

cmyk(0%, 24%, 45%, 0%)

Oklch

oklch(85.4% 0.099 62.4)

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

#91CD99

Celadon · DarkSeaGreen · Apple Green

HEX

#91CD99

RGB

rgb(145, 205, 153)

HSL

hsl(128, 38%, 69%)

HSB

hsb(128, 29%, 80%)

CMYK

cmyk(29%, 0%, 25%, 20%)

Oklch

oklch(79.4% 0.096 148.1)

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

#77BE92

Celadon · DarkSeaGreen · Apple Green

HEX

#77BE92

RGB

rgb(119, 190, 146)

HSL

hsl(143, 35%, 61%)

HSB

hsb(143, 37%, 75%)

CMYK

cmyk(37%, 0%, 23%, 25%)

Oklch

oklch(74.2% 0.096 156.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6EB9BC

BC6F6C

Analogous

6CBC97

6EB9BC

6C91BC

Triadic

6EB9BC

BC6CB9

B9BC6C

Split-Comp.

6EB9BC

BC6C91

BC976C

Tetradic

6EB9BC

976CBC

BC6F6C

91BC6C

Contrast Matrix WCAG 2.1 Contrast

6EB9BC	FA8A88	FEC18B	91CD99	77BE92
—	1.0 Fail	1.4 Fail	1.2 Fail	1.0 Fail
1.0 Fail	—	1.5 Fail	1.3 Fail	1.1 Fail
1.4 Fail	1.5 Fail	—	1.2 Fail	1.4 Fail
1.2 Fail	1.3 Fail	1.2 Fail	—	1.2 Fail
1.0 Fail	1.1 Fail	1.4 Fail	1.2 Fail	—

White BG

2.3Fail

1.6Fail

1.8Fail

2.2Fail

Black BG

9.3AAA

9.1AAA

13.2AAA

11.4AAA

9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8FBB

CAC888

E4E398

ABACA6

96969D

Deuteranopia

8A85BB

D0D889

E7EC9B

A8A3A9

928C9F

Tritanopia

72BBBB

F48989

FBA2A5

94B0B2

7BA5A7

Achromatopsia

A3A3A3

ABABAB

CDCDCD

B5B5B5

A4A4A4

Shades & Tints Shades & Tints

#6EB9BC

Dark

Light

#FA8A88

Dark

Light

#FEC18B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6eb9bc;
  --color-2: #fa8a88;
  --color-3: #fec18b;
  --color-4: #91cd99;
  --color-5: #77be92;
}

SCSS

$color-1: #6eb9bc;
$color-2: #fa8a88;
$color-3: #fec18b;
$color-4: #91cd99;
$color-5: #77be92;

TAILWIND

colors: {
  'brand-1': '#6eb9bc',
  'brand-2': '#fa8a88',
  'brand-3': '#fec18b',
  'brand-4': '#91cd99',
  'brand-5': '#77be92',
}

RGB Array

[110, 185, 188], [250, 138, 136], [254, 193, 139], [145, 205, 153], [119, 190, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6EB9BC, #FA8A88, #FEC18B, #91CD99, #77BE92 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: #6eb9bc; --color-2: #fa8a88; --color-3: #fec18b; --color-4: #91cd99; --color-5: #77be92. 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