← Back to Editor

#6C9DAC · #929429 · #6B755D · #E8EBEF · #559EAD

bright

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#6C9DAC

Slate Blue · CadetBlue · Lake Green

HEX
#6C9DAC
RGB
rgb(108, 157, 172)
HSL
hsl(194, 28%, 55%)
HSB
hsb(194, 37%, 67%)
CMYK
cmyk(37%, 9%, 0%, 33%)
Oklch
oklch(66.7% 0.057 218.9)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#929429

Autumn Sage · Olive · Honey Gold

HEX
#929429
RGB
rgb(146, 148, 41)
HSL
hsl(61, 57%, 37%)
HSB
hsb(61, 72%, 58%)
CMYK
cmyk(1%, 0%, 72%, 42%)
Oklch
oklch(64.5% 0.126 110.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#6B755D

Grass Green · DimGray · Olive Green

HEX
#6B755D
RGB
rgb(107, 117, 93)
HSL
hsl(85, 11%, 41%)
HSB
hsb(85, 21%, 46%)
CMYK
cmyk(9%, 0%, 21%, 54%)
Oklch
oklch(54.7% 0.038 126.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#E8EBEF

Azure · Lavender · Sky Blue

HEX
#E8EBEF
RGB
rgb(232, 235, 239)
HSL
hsl(214, 18%, 92%)
HSB
hsb(214, 3%, 94%)
CMYK
cmyk(3%, 2%, 0%, 6%)
Oklch
oklch(93.9% 0.006 255.5)

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

#559EAD

Slate Blue · CadetBlue · Lake Green

HEX
#559EAD
RGB
rgb(85, 158, 173)
HSL
hsl(190, 35%, 51%)
HSB
hsb(190, 51%, 68%)
CMYK
cmyk(51%, 9%, 0%, 32%)
Oklch
oklch(65.8% 0.076 212.6)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C9DAC
AC7B6C

Analogous

6CAC9B
6C9DAC
6C7DAC

Triadic

6C9DAC
AC6C9D
9DAC6C

Split-Comp.

6C9DAC
AC6C7D
AC9B6C

Tetradic

6C9DAC
9B6CAC
AC7B6C
7DAC6C

Contrast Matrix WCAG 2.1 Contrast

6C9DAC
929429
6B755D
E8EBEF
559EAD
—
1.1
Fail
1.6
Fail
2.5
Fail
1.0
Fail
1.1
Fail
—
1.5
Fail
2.7
Fail
1.1
Fail
1.6
Fail
1.5
Fail
—
4.1
AA Large
1.6
Fail
2.5
Fail
2.7
Fail
4.1
AA Large
—
2.6
Fail
1.0
Fail
1.1
Fail
1.6
Fail
2.6
Fail
—
White BG
3.0Fail
3.2AA Large
4.9AA
1.2Fail
3.1AA Large
Black BG
7.1AAA
6.5AA
4.3AA Large
17.6AAA
6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8182A8
939343
6F6F63
E9E9EE
7575A9

Deuteranopia

7E7BA8
939349
6F6E64
E9E9EE
706BA9

Tritanopia

6EA6A5
92575C
6B6768
E8EDED
59A7A6

Achromatopsia

909090
878787
6F6F6F
EBEBEB
8A8A8A

Shades & Tints Shades & Tints

#6C9DAC

Dark
Light

#929429

Dark
Light

#6B755D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c9dac;
  --color-2: #929429;
  --color-3: #6b755d;
  --color-4: #e8ebef;
  --color-5: #559ead;
}

SCSS

$color-1: #6c9dac;
$color-2: #929429;
$color-3: #6b755d;
$color-4: #e8ebef;
$color-5: #559ead;

TAILWIND

colors: {
  'brand-1': '#6c9dac',
  'brand-2': '#929429',
  'brand-3': '#6b755d',
  'brand-4': '#e8ebef',
  'brand-5': '#559ead',
}

RGB Array

[108, 157, 172], [146, 148, 41], [107, 117, 93], [232, 235, 239], [85, 158, 173]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This bright-style palette of #6C9DAC, #929429, #6B755D, #E8EBEF, #559EAD 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: #6c9dac; --color-2: #929429; --color-3: #6b755d; --color-4: #e8ebef; --color-5: #559ead. 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 bright-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