← Back to Editor

#C6CECF · #B3A9B1 · #793757 · #B97F7F · #ACA690

sunset

A 5-color sunset palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#C6CECF

Sky Blue · LightGray · Pearl Gray

HEX
#C6CECF
RGB
rgb(198, 206, 207)
HSL
hsl(187, 9%, 79%)
HSB
hsb(187, 4%, 81%)
CMYK
cmyk(4%, 0%, 0%, 19%)
Oklch
oklch(84.6% 0.009 205.9)

Traditional「Sky Blue」· Paint「Pearl Gray」· Creative Silver Lining

#B3A9B1

Ash · DarkGray · Silver Sand

HEX
#B3A9B1
RGB
rgb(179, 169, 177)
HSL
hsl(312, 6%, 68%)
HSB
hsb(312, 6%, 70%)
CMYK
cmyk(0%, 6%, 1%, 30%)
Oklch
oklch(74.6% 0.016 332.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#793757

Dark Violet · DimGray · Camellia

HEX
#793757
RGB
rgb(121, 55, 87)
HSL
hsl(331, 37%, 35%)
HSB
hsb(331, 55%, 47%)
CMYK
cmyk(0%, 55%, 28%, 53%)
Oklch
oklch(43.5% 0.100 351.7)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#B97F7F

Peach Pink · DarkSalmon · Coral Red

HEX
#B97F7F
RGB
rgb(185, 127, 127)
HSL
hsl(0, 29%, 61%)
HSB
hsb(0, 31%, 73%)
CMYK
cmyk(0%, 31%, 31%, 27%)
Oklch
oklch(65.5% 0.072 19.2)

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

#ACA690

Ginger · DarkGray · Sunflower

HEX
#ACA690
RGB
rgb(172, 166, 144)
HSL
hsl(47, 14%, 62%)
HSB
hsb(47, 16%, 67%)
CMYK
cmyk(0%, 3%, 16%, 33%)
Oklch
oklch(72.4% 0.032 94.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6CECF
CEC6C5

Analogous

C5CECB
C6CECF
C5C8CE

Triadic

C6CECF
CEC5CD
CDCEC5

Split-Comp.

C6CECF
CEC5C8
CECBC5

Tetradic

C6CECF
CBC5CE
CEC6C5
C8CEC5

Contrast Matrix WCAG 2.1 Contrast

C6CECF
B3A9B1
793757
B97F7F
ACA690
—
1.4
Fail
5.3
AA
2.1
Fail
1.5
Fail
1.4
Fail
—
3.7
AA Large
1.4
Fail
1.1
Fail
5.3
AA
3.7
AA Large
—
2.6
Fail
3.4
AA Large
2.1
Fail
1.4
Fail
2.6
Fail
—
1.3
Fail
1.5
Fail
1.1
Fail
3.4
AA Large
1.3
Fail
—
White BG
1.6Fail
2.3Fail
8.4AAA
3.3AA Large
2.4Fail
Black BG
13.1AAA
9.2AAA
2.5Fail
6.4AA
8.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9CACF
AFAFAF
5C5C4F
A09F7F
A9A995

Deuteranopia

C9C8CF
AFB0AF
60654D
A3A87F
AAAA97

Tritanopia

C6CFCF
B2AEAD
764948
B67F7F
AC9A9A

Achromatopsia

CCCCCC
ADADAD
4E4E4E
909090
A5A5A5

Shades & Tints Shades & Tints

#C6CECF

Dark
Light

#B3A9B1

Dark
Light

#793757

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6cecf;
  --color-2: #b3a9b1;
  --color-3: #793757;
  --color-4: #b97f7f;
  --color-5: #aca690;
}

SCSS

$color-1: #c6cecf;
$color-2: #b3a9b1;
$color-3: #793757;
$color-4: #b97f7f;
$color-5: #aca690;

TAILWIND

colors: {
  'brand-1': '#c6cecf',
  'brand-2': '#b3a9b1',
  'brand-3': '#793757',
  'brand-4': '#b97f7f',
  'brand-5': '#aca690',
}

RGB Array

[198, 206, 207], [179, 169, 177], [121, 55, 87], [185, 127, 127], [172, 166, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This sunset-style palette of #C6CECF, #B3A9B1, #793757, #B97F7F, #ACA690 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c6cecf; --color-2: #b3a9b1; --color-3: #793757; --color-4: #b97f7f; --color-5: #aca690. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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. Restrained colors convey professionalism and trust. 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