#926A6A + #F58C9A + #81DABC + #C6E2A7 + #E9E399 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#926A6A

Crimson · Gray · Passion Red

HEX

#926A6A

RGB

rgb(146, 106, 106)

HSL

hsl(0, 16%, 49%)

HSB

hsb(0, 27%, 57%)

CMYK

cmyk(0%, 27%, 27%, 43%)

Oklch

oklch(56.5% 0.051 18.8)

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

#F58C9A

Peach Pink · LightCoral · Coral Red

HEX

#F58C9A

RGB

rgb(245, 140, 154)

HSL

hsl(352, 84%, 75%)

HSB

hsb(352, 43%, 96%)

CMYK

cmyk(0%, 43%, 37%, 4%)

Oklch

oklch(75.6% 0.128 12.1)

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

#81DABC

Jade · MediumAquaMarine · Lake Green

HEX

#81DABC

RGB

rgb(129, 218, 188)

HSL

hsl(160, 55%, 68%)

HSB

hsb(160, 41%, 85%)

CMYK

cmyk(41%, 0%, 14%, 15%)

Oklch

oklch(82.4% 0.097 170.2)

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

#C6E2A7

Willow Green · Silver · Apple Green

HEX

#C6E2A7

RGB

rgb(198, 226, 167)

HSL

hsl(88, 50%, 77%)

HSB

hsb(88, 26%, 89%)

CMYK

cmyk(12%, 0%, 26%, 11%)

Oklch

oklch(87.8% 0.084 128.7)

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

#E9E399

Fresh Green · Khaki · Lemon Cream

HEX

#E9E399

RGB

rgb(233, 227, 153)

HSL

hsl(55, 65%, 76%)

HSB

hsb(55, 34%, 91%)

CMYK

cmyk(0%, 3%, 34%, 9%)

Oklch

oklch(90.4% 0.094 104.2)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

926A6A

699191

Analogous

91697D

926A6A

917D69

Triadic

926A6A

699169

696991

Split-Comp.

926A6A

69917D

697D91

Tetradic

926A6A

7D9169

699191

7D6991

Contrast Matrix WCAG 2.1 Contrast

926A6A	F58C9A	81DABC	C6E2A7	E9E399
—	2.0 Fail	2.8 Fail	3.3 AA Large	3.5 AA Large
2.0 Fail	—	1.4 Fail	1.6 Fail	1.7 Fail
2.8 Fail	1.4 Fail	—	1.2 Fail	1.3 Fail
3.3 AA Large	1.6 Fail	1.2 Fail	—	1.1 Fail
3.5 AA Large	1.7 Fail	1.3 Fail	1.1 Fail	—

White BG

4.7AA

2.3Fail

1.7Fail

1.4Fail

1.3Fail

Black BG

4.5AA Large

9.1AAA

12.7AAA

14.8AAA

15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

81806A

C8C797

A8A8C3

D2D2B5

E6E6AB

Deuteranopia

83866A

CED696

A29CC5

D1CEB9

E7E7AF

Tritanopia

906A6A

F09493

85C9CA

C7C1C3

E9B9BC

Achromatopsia

767676

ADADAD

BCBCBC

D3D3D3

DCDCDC

Shades & Tints Shades & Tints

#926A6A

Dark

Light

#F58C9A

Dark

Light

#81DABC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #926a6a;
  --color-2: #f58c9a;
  --color-3: #81dabc;
  --color-4: #c6e2a7;
  --color-5: #e9e399;
}

SCSS

$color-1: #926a6a;
$color-2: #f58c9a;
$color-3: #81dabc;
$color-4: #c6e2a7;
$color-5: #e9e399;

TAILWIND

colors: {
  'brand-1': '#926a6a',
  'brand-2': '#f58c9a',
  'brand-3': '#81dabc',
  'brand-4': '#c6e2a7',
  'brand-5': '#e9e399',
}

RGB Array

[146, 106, 106], [245, 140, 154], [129, 218, 188], [198, 226, 167], [233, 227, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #926A6A, #F58C9A, #81DABC, #C6E2A7, #E9E399 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: #926a6a; --color-2: #f58c9a; --color-3: #81dabc; --color-4: #c6e2a7; --color-5: #e9e399. 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