#92A6B1 + #B79DAA + #DD9E97 + #F8B09A + #FCC197 · sunset - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#92A6B1

Sky Blue · DarkGray · Cobalt Blue

HEX

#92A6B1

RGB

rgb(146, 166, 177)

HSL

hsl(201, 17%, 63%)

HSB

hsb(201, 18%, 69%)

CMYK

cmyk(18%, 6%, 0%, 31%)

Oklch

oklch(71.3% 0.028 231.8)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#B79DAA

Rouge · DarkGray · Rose Pink

HEX

#B79DAA

RGB

rgb(183, 157, 170)

HSL

hsl(330, 15%, 67%)

HSB

hsb(330, 14%, 72%)

CMYK

cmyk(0%, 14%, 7%, 28%)

Oklch

oklch(72.3% 0.035 346.4)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#DD9E97

Peach Pink · Tan · Coral Red

HEX

#DD9E97

RGB

rgb(221, 158, 151)

HSL

hsl(6, 51%, 73%)

HSB

hsb(6, 32%, 87%)

CMYK

cmyk(0%, 29%, 32%, 13%)

Oklch

oklch(75.8% 0.076 26.1)

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

#F8B09A

Peach Pink · BurlyWood · Coral Red

HEX

#F8B09A

RGB

rgb(248, 176, 154)

HSL

hsl(14, 87%, 79%)

HSB

hsb(14, 38%, 97%)

CMYK

cmyk(0%, 29%, 38%, 3%)

Oklch

oklch(82.0% 0.090 37.7)

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

#FCC197

Apricot · BurlyWood · Peach Orange

HEX

#FCC197

RGB

rgb(252, 193, 151)

HSL

hsl(25, 94%, 79%)

HSB

hsb(25, 40%, 99%)

CMYK

cmyk(0%, 23%, 40%, 1%)

Oklch

oklch(85.4% 0.088 56.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

92A6B1

B19C91

Analogous

91B1AC

92A6B1

9195B1

Triadic

92A6B1

B191A5

A5B191

Split-Comp.

92A6B1

B19195

B1AC91

Tetradic

92A6B1

AC91B1

B19C91

95B191

Contrast Matrix WCAG 2.1 Contrast

92A6B1	B79DAA	DD9E97	F8B09A	FCC197
—	1.0 Fail	1.1 Fail	1.4 Fail	1.6 Fail
1.0 Fail	—	1.1 Fail	1.4 Fail	1.6 Fail
1.1 Fail	1.1 Fail	—	1.2 Fail	1.4 Fail
1.4 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.6 Fail	1.4 Fail	1.1 Fail	—

White BG

2.5Fail

2.2Fail

1.8Fail

1.6Fail

Black BG

8.3AAA

8.4AAA

9.4AAA

11.7AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9BAE

ACACA7

C2C199

D9D89F

E2E2A1

Deuteranopia

9A98AE

ADAFA6

C5CA99

DDE2A1

E6EAA4

Tritanopia

93ACAC

B6A4A4

DA9A9A

F4A4A4

F9A9AB

Achromatopsia

A1A1A1

A6A6A6

B0B0B0

C3C3C3

CECECE

Shades & Tints Shades & Tints

#92A6B1

Dark

Light

#B79DAA

Dark

Light

#DD9E97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #92a6b1;
  --color-2: #b79daa;
  --color-3: #dd9e97;
  --color-4: #f8b09a;
  --color-5: #fcc197;
}

SCSS

$color-1: #92a6b1;
$color-2: #b79daa;
$color-3: #dd9e97;
$color-4: #f8b09a;
$color-5: #fcc197;

TAILWIND

colors: {
  'brand-1': '#92a6b1',
  'brand-2': '#b79daa',
  'brand-3': '#dd9e97',
  'brand-4': '#f8b09a',
  'brand-5': '#fcc197',
}

RGB Array

[146, 166, 177], [183, 157, 170], [221, 158, 151], [248, 176, 154], [252, 193, 151]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #92A6B1, #B79DAA, #DD9E97, #F8B09A, #FCC197 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: #92a6b1; --color-2: #b79daa; --color-3: #dd9e97; --color-4: #f8b09a; --color-5: #fcc197. 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 sunset-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