← Back to Editor

#D5E6E8 · #C9C465 · #C9BD52 · #9FA041 · #418CA0

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

#D5E6E8

Sky Blue · Lavender · Glacier Blue

HEX
#D5E6E8
RGB
rgb(213, 230, 232)
HSL
hsl(186, 29%, 87%)
HSB
hsb(186, 8%, 91%)
CMYK
cmyk(8%, 1%, 0%, 9%)
Oklch
oklch(91.3% 0.018 205.3)

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

#C9C465

Autumn Sage · BurlyWood · Sunflower

HEX
#C9C465
RGB
rgb(201, 196, 101)
HSL
hsl(57, 48%, 59%)
HSB
hsb(57, 50%, 79%)
CMYK
cmyk(0%, 2%, 50%, 21%)
Oklch
oklch(80.5% 0.118 106.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#C9BD52

Autumn Sage · SandyBrown · Sunflower

HEX
#C9BD52
RGB
rgb(201, 189, 82)
HSL
hsl(54, 52%, 55%)
HSB
hsb(54, 59%, 79%)
CMYK
cmyk(0%, 6%, 59%, 21%)
Oklch
oklch(78.8% 0.128 102.9)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#9FA041

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9FA041
RGB
rgb(159, 160, 65)
HSL
hsl(61, 42%, 44%)
HSB
hsb(61, 59%, 63%)
CMYK
cmyk(1%, 0%, 59%, 37%)
Oklch
oklch(68.6% 0.118 109.7)

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

#418CA0

Slate Blue · SteelBlue · Mint Ice

HEX
#418CA0
RGB
rgb(65, 140, 160)
HSL
hsl(193, 42%, 44%)
HSB
hsb(193, 59%, 63%)
CMYK
cmyk(59%, 12%, 0%, 37%)
Oklch
oklch(60.1% 0.080 217.8)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D5E6E8
E7D6D4

Analogous

D4E7E0
D5E6E8
D4DCE7

Triadic

D5E6E8
E7D4E6
E6E7D4

Split-Comp.

D5E6E8
E7D4DC
E7E0D4

Tetradic

D5E6E8
E0D4E7
E7D6D4
DCE7D4

Contrast Matrix WCAG 2.1 Contrast

D5E6E8
C9C465
C9BD52
9FA041
418CA0
—
1.4
Fail
1.5
Fail
2.2
Fail
3.0
Fail
1.4
Fail
—
1.1
Fail
1.5
Fail
2.1
Fail
1.5
Fail
1.1
Fail
—
1.4
Fail
2.0
Fail
2.2
Fail
1.5
Fail
1.4
Fail
—
1.4
Fail
3.0
Fail
2.1
Fail
2.0
Fail
1.4
Fail
—
White BG
1.3Fail
1.8Fail
1.9Fail
2.8Fail
3.8AA Large
Black BG
16.3AAA
11.6AAA
10.9AAA
7.6AAA
5.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DCDDE8
C7C77C
C4C46C
9F9F58
61629B

Deuteranopia

DBDAE7
C7C882
C5C572
9F9F5E
5D589A

Tritanopia

D6E7E7
C98E92
C88085
9F6A6E
459797

Achromatopsia

E1E1E1
BBBBBB
B4B4B4
959595
787878

Shades & Tints Shades & Tints

#D5E6E8

Dark
Light

#C9C465

Dark
Light

#C9BD52

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d5e6e8;
  --color-2: #c9c465;
  --color-3: #c9bd52;
  --color-4: #9fa041;
  --color-5: #418ca0;
}

SCSS

$color-1: #d5e6e8;
$color-2: #c9c465;
$color-3: #c9bd52;
$color-4: #9fa041;
$color-5: #418ca0;

TAILWIND

colors: {
  'brand-1': '#d5e6e8',
  'brand-2': '#c9c465',
  'brand-3': '#c9bd52',
  'brand-4': '#9fa041',
  'brand-5': '#418ca0',
}

RGB Array

[213, 230, 232], [201, 196, 101], [201, 189, 82], [159, 160, 65], [65, 140, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D5E6E8, #C9C465, #C9BD52, #9FA041, #418CA0 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: #d5e6e8; --color-2: #c9c465; --color-3: #c9bd52; --color-4: #9fa041; --color-5: #418ca0. 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