#928174 + #AA9788 + #BDE4E9 + #A8E1E9 + #90D1DA - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#928174

Tangerine · Gray · Warm Sun

HEX

#928174

RGB

rgb(146, 129, 116)

HSL

hsl(26, 12%, 51%)

HSB

hsb(26, 21%, 57%)

CMYK

cmyk(0%, 12%, 21%, 43%)

Oklch

oklch(61.5% 0.028 59.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AA9788

Tangerine · DarkGray · Warm Sun

HEX

#AA9788

RGB

rgb(170, 151, 136)

HSL

hsl(26, 17%, 60%)

HSB

hsb(26, 20%, 67%)

CMYK

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

Oklch

oklch(68.9% 0.031 60.6)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#BDE4E9

Sky Blue · LightBlue · Glacier Blue

HEX

#BDE4E9

RGB

rgb(189, 228, 233)

HSL

hsl(187, 50%, 83%)

HSB

hsb(187, 19%, 91%)

CMYK

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

Oklch

oklch(89.3% 0.041 206.0)

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

#A8E1E9

Sky Blue · LightBlue · Glacier Blue

HEX

#A8E1E9

RGB

rgb(168, 225, 233)

HSL

hsl(187, 60%, 79%)

HSB

hsb(187, 28%, 91%)

CMYK

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

Oklch

oklch(87.3% 0.059 206.9)

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

#90D1DA

Sky Blue · SkyBlue · Lake Green

HEX

#90D1DA

RGB

rgb(144, 209, 218)

HSL

hsl(187, 50%, 71%)

HSB

hsb(187, 34%, 85%)

CMYK

cmyk(34%, 4%, 0%, 15%)

Oklch

oklch(82.0% 0.067 206.8)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

928174

738491

Analogous

917375

928174

918F73

Triadic

928174

739180

807391

Split-Comp.

928174

73918F

737591

Tetradic

928174

759173

738491

8F7391

Contrast Matrix WCAG 2.1 Contrast

928174	AA9788	BDE4E9	A8E1E9	90D1DA
—	1.3 Fail	2.7 Fail	2.6 Fail	2.2 Fail
1.3 Fail	—	2.1 Fail	2.0 Fail	1.6 Fail
2.7 Fail	2.1 Fail	—	1.1 Fail	1.3 Fail
2.6 Fail	2.0 Fail	1.1 Fail	—	1.2 Fail
2.2 Fail	1.6 Fail	1.3 Fail	1.2 Fail	—

White BG

3.7AA Large

2.8Fail

1.4Fail

1.7Fail

Black BG

5.6AA

7.5AAA

15.4AAA

14.6AAA

12.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A77

A2A28C

CECEE8

C1C1E7

ACADD8

Deuteranopia

8C8D78

A3A48D

CCC9E8

BDB9E7

A8A4D7

Tritanopia

917A7A

A98E8F

BFE7E7

ABE6E5

93D6D6

Achromatopsia

858585

9B9B9B

D9D9D9

D1D1D1

BFBFBF

Shades & Tints Shades & Tints

#928174

Dark

Light

#AA9788

Dark

Light

#BDE4E9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #928174;
  --color-2: #aa9788;
  --color-3: #bde4e9;
  --color-4: #a8e1e9;
  --color-5: #90d1da;
}

SCSS

$color-1: #928174;
$color-2: #aa9788;
$color-3: #bde4e9;
$color-4: #a8e1e9;
$color-5: #90d1da;

TAILWIND

colors: {
  'brand-1': '#928174',
  'brand-2': '#aa9788',
  'brand-3': '#bde4e9',
  'brand-4': '#a8e1e9',
  'brand-5': '#90d1da',
}

RGB Array

[146, 129, 116], [170, 151, 136], [189, 228, 233], [168, 225, 233], [144, 209, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #928174, #AA9788, #BDE4E9, #A8E1E9, #90D1DA 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: #928174; --color-2: #aa9788; --color-3: #bde4e9; --color-4: #a8e1e9; --color-5: #90d1da. 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