← Back to Editor

#9EABCD · #6292A6 · #407D53 · #DDB33B · #EBBAAC

A 5-color palette 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

#9EABCD

Azure · LightSteelBlue · Cobalt Blue

HEX
#9EABCD
RGB
rgb(158, 171, 205)
HSL
hsl(223, 32%, 71%)
HSB
hsb(223, 23%, 80%)
CMYK
cmyk(23%, 17%, 0%, 20%)
Oklch
oklch(74.3% 0.051 268.7)

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

#6292A6

Slate Blue · CadetBlue · Lake Green

HEX
#6292A6
RGB
rgb(98, 146, 166)
HSL
hsl(198, 28%, 52%)
HSB
hsb(198, 41%, 65%)
CMYK
cmyk(41%, 12%, 0%, 35%)
Oklch
oklch(63.3% 0.060 226.0)

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

#407D53

Celadon · SeaGreen · Forest Green

HEX
#407D53
RGB
rgb(64, 125, 83)
HSL
hsl(139, 32%, 37%)
HSB
hsb(139, 49%, 49%)
CMYK
cmyk(49%, 0%, 34%, 51%)
Oklch
oklch(53.7% 0.092 152.3)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#DDB33B

Ginger · GoldenRod · Sunflower

HEX
#DDB33B
RGB
rgb(221, 179, 59)
HSL
hsl(44, 70%, 55%)
HSB
hsb(44, 73%, 87%)
CMYK
cmyk(0%, 19%, 73%, 13%)
Oklch
oklch(78.4% 0.140 88.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#EBBAAC

Peach Pink · LightPink · Coral Red

HEX
#EBBAAC
RGB
rgb(235, 186, 172)
HSL
hsl(13, 61%, 80%)
HSB
hsb(13, 27%, 92%)
CMYK
cmyk(0%, 21%, 27%, 8%)
Oklch
oklch(82.9% 0.060 36.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9EABCD
CDBF9D

Analogous

9DC2CD
9EABCD
A89DCD

Triadic

9EABCD
CD9DAB
ABCD9D

Split-Comp.

9EABCD
CDA89D
C2CD9D

Tetradic

9EABCD
CD9DC2
CDBF9D
9DCDA8

Contrast Matrix WCAG 2.1 Contrast

9EABCD
6292A6
407D53
DDB33B
EBBAAC
—
1.5
Fail
2.1
Fail
1.2
Fail
1.3
Fail
1.5
Fail
—
1.4
Fail
1.7
Fail
2.0
Fail
2.1
Fail
1.4
Fail
—
2.5
Fail
2.8
Fail
1.2
Fail
1.7
Fail
2.5
Fail
—
1.1
Fail
1.3
Fail
2.0
Fail
2.8
Fail
1.1
Fail
—
White BG
2.3Fail
3.4AA Large
4.9AA
2.0Fail
1.7Fail
Black BG
9.2AAA
6.2AA
4.3AA Large
10.6AAA
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A4C5
7777A1
5A5B5D
CBCA58
D6D5AF

Deuteranopia

A3A2C3
7470A0
575260
CDD05F
D9DCB0

Tritanopia

9FBEBD
649D9D
436567
DB6F74
E9B2B3

Achromatopsia

ABABAB
868686
666666
B2B2B2
C7C7C7

Shades & Tints Shades & Tints

#9EABCD

Dark
Light

#6292A6

Dark
Light

#407D53

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9eabcd;
  --color-2: #6292a6;
  --color-3: #407d53;
  --color-4: #ddb33b;
  --color-5: #ebbaac;
}

SCSS

$color-1: #9eabcd;
$color-2: #6292a6;
$color-3: #407d53;
$color-4: #ddb33b;
$color-5: #ebbaac;

TAILWIND

colors: {
  'brand-1': '#9eabcd',
  'brand-2': '#6292a6',
  'brand-3': '#407d53',
  'brand-4': '#ddb33b',
  'brand-5': '#ebbaac',
}

RGB Array

[158, 171, 205], [98, 146, 166], [64, 125, 83], [221, 179, 59], [235, 186, 172]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9EABCD, #6292A6, #407D53, #DDB33B, #EBBAAC is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #9eabcd; --color-2: #6292a6; --color-3: #407d53; --color-4: #ddb33b; --color-5: #ebbaac. 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 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