#92CCB6 + #B6D89C + #F3D597 + #F87887 + #9E6B7C - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#92CCB6

Jade · DarkSeaGreen · Apple Green

HEX

#92CCB6

RGB

rgb(146, 204, 182)

HSL

hsl(157, 36%, 69%)

HSB

hsb(157, 28%, 80%)

CMYK

cmyk(28%, 0%, 11%, 20%)

Oklch

oklch(79.9% 0.068 169.1)

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

#B6D89C

Celadon · Silver · Apple Green

HEX

#B6D89C

RGB

rgb(182, 216, 156)

HSL

hsl(94, 43%, 73%)

HSB

hsb(94, 28%, 85%)

CMYK

cmyk(16%, 0%, 28%, 15%)

Oklch

oklch(84.2% 0.088 132.1)

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

#F3D597

Goose Yellow · Khaki · Lemon Cream

HEX

#F3D597

RGB

rgb(243, 213, 151)

HSL

hsl(40, 79%, 77%)

HSB

hsb(40, 38%, 95%)

CMYK

cmyk(0%, 12%, 38%, 5%)

Oklch

oklch(88.4% 0.086 84.9)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#F87887

Peach Pink · LightCoral · Coral Red

HEX

#F87887

RGB

rgb(248, 120, 135)

HSL

hsl(353, 90%, 72%)

HSB

hsb(353, 52%, 97%)

CMYK

cmyk(0%, 52%, 46%, 3%)

Oklch

oklch(72.5% 0.157 14.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#9E6B7C

Dark Violet · Gray · Rose Pink

HEX

#9E6B7C

RGB

rgb(158, 107, 124)

HSL

hsl(340, 21%, 52%)

HSB

hsb(340, 32%, 62%)

CMYK

cmyk(0%, 32%, 22%, 38%)

Oklch

oklch(58.6% 0.069 357.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92CCB6

CC93A9

Analogous

93CC9A

92CCB6

93C6CC

Triadic

92CCB6

B793CC

CCB793

Split-Comp.

92CCB6

CC93C6

CC9A93

Tetradic

92CCB6

9A93CC

CC93A9

C6CC93

Contrast Matrix WCAG 2.1 Contrast

92CCB6	B6D89C	F3D597	F87887	9E6B7C
—	1.2 Fail	1.3 Fail	1.4 Fail	2.4 Fail
1.2 Fail	—	1.1 Fail	1.7 Fail	2.7 Fail
1.3 Fail	1.1 Fail	—	1.8 Fail	3.0 AA Large
1.4 Fail	1.7 Fail	1.8 Fail	—	1.7 Fail
2.4 Fail	2.7 Fail	3.0 AA Large	1.7 Fail	—

White BG

1.8Fail

1.6Fail

1.4Fail

2.6Fail

4.3AA Large

Black BG

11.5AAA

13.3AAA

14.8AAA

8.0AAA

4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ABACBB

C5C5AB

E6E6A6

C1BF83

888778

Deuteranopia

A8A3BD

C3C0AE

E8EAAA

C8D283

8B8F77

Tritanopia

95C0C0

B8B6B9

F2B2B4

F28180

9B7574

Achromatopsia

B8B8B8

C7C7C7

D7D7D7

A0A0A0

7C7C7C

Shades & Tints Shades & Tints

#92CCB6

Dark

Light

#B6D89C

Dark

Light

#F3D597

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92ccb6;
  --color-2: #b6d89c;
  --color-3: #f3d597;
  --color-4: #f87887;
  --color-5: #9e6b7c;
}

SCSS

$color-1: #92ccb6;
$color-2: #b6d89c;
$color-3: #f3d597;
$color-4: #f87887;
$color-5: #9e6b7c;

TAILWIND

colors: {
  'brand-1': '#92ccb6',
  'brand-2': '#b6d89c',
  'brand-3': '#f3d597',
  'brand-4': '#f87887',
  'brand-5': '#9e6b7c',
}

RGB Array

[146, 204, 182], [182, 216, 156], [243, 213, 151], [248, 120, 135], [158, 107, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #92CCB6, #B6D89C, #F3D597, #F87887, #9E6B7C 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: #92ccb6; --color-2: #b6d89c; --color-3: #f3d597; --color-4: #f87887; --color-5: #9e6b7c. 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