← Back to Editor

#6E7C95 · #C2D0DE · #FFF9EB · #EAD1C6 · #FDBD69

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#6E7C95

Azure · SlateGray · Navy Blue

HEX
#6E7C95
RGB
rgb(110, 124, 149)
HSL
hsl(218, 16%, 51%)
HSB
hsb(218, 26%, 58%)
CMYK
cmyk(26%, 17%, 0%, 42%)
Oklch
oklch(58.4% 0.042 262.0)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#C2D0DE

Azure · LightGray · Sky Blue

HEX
#C2D0DE
RGB
rgb(194, 208, 222)
HSL
hsl(210, 30%, 82%)
HSB
hsb(210, 13%, 87%)
CMYK
cmyk(13%, 6%, 0%, 13%)
Oklch
oklch(85.1% 0.025 248.1)

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

#FFF9EB

Goose Yellow · SeaShell · Lemon Cream

HEX
#FFF9EB
RGB
rgb(255, 249, 235)
HSL
hsl(42, 100%, 96%)
HSB
hsb(42, 8%, 100%)
CMYK
cmyk(0%, 2%, 8%, 0%)
Oklch
oklch(98.3% 0.019 87.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#EAD1C6

Apricot · Wheat · Peach Orange

HEX
#EAD1C6
RGB
rgb(234, 209, 198)
HSL
hsl(18, 46%, 85%)
HSB
hsb(18, 15%, 92%)
CMYK
cmyk(0%, 11%, 15%, 8%)
Oklch
oklch(87.8% 0.032 45.3)

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

#FDBD69

Ginger · SandyBrown · Warm Sun

HEX
#FDBD69
RGB
rgb(253, 189, 105)
HSL
hsl(34, 97%, 70%)
HSB
hsb(34, 58%, 99%)
CMYK
cmyk(0%, 25%, 58%, 1%)
Oklch
oklch(84.1% 0.125 72.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6E7C95
96876E

Analogous

6E9196
6E7C95
736E96

Triadic

6E7C95
966E7D
7D966E

Split-Comp.

6E7C95
96736E
91966E

Tetradic

6E7C95
966E91
96876E
6E9673

Contrast Matrix WCAG 2.1 Contrast

6E7C95
C2D0DE
FFF9EB
EAD1C6
FDBD69
—
2.7
Fail
4.0
AA Large
2.9
Fail
2.5
Fail
2.7
Fail
—
1.5
Fail
1.1
Fail
1.1
Fail
4.0
AA Large
1.5
Fail
—
1.4
Fail
1.6
Fail
2.9
Fail
1.1
Fail
1.4
Fail
—
1.1
Fail
2.5
Fail
1.1
Fail
1.6
Fail
1.1
Fail
—
White BG
4.2AA Large
1.6Fail
1.0Fail
1.5Fail
1.7Fail
Black BG
5.0AA
13.4AAA
20.0AAA
14.4AAA
12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

74748F
C8C8DB
FCFCEE
DFDFC9
E1E17D

Deuteranopia

73728E
C7C6DA
FDFDEF
E1E2C9
E5EA82

Tritanopia

6F8A89
C3D8D7
FFF1F2
E9CBCB
FA8D91

Achromatopsia

7B7B7B
CDCDCD
F9F9F9
D7D7D7
C7C7C7

Shades & Tints Shades & Tints

#6E7C95

Dark
Light

#C2D0DE

Dark
Light

#FFF9EB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6e7c95;
  --color-2: #c2d0de;
  --color-3: #fff9eb;
  --color-4: #ead1c6;
  --color-5: #fdbd69;
}

SCSS

$color-1: #6e7c95;
$color-2: #c2d0de;
$color-3: #fff9eb;
$color-4: #ead1c6;
$color-5: #fdbd69;

TAILWIND

colors: {
  'brand-1': '#6e7c95',
  'brand-2': '#c2d0de',
  'brand-3': '#fff9eb',
  'brand-4': '#ead1c6',
  'brand-5': '#fdbd69',
}

RGB Array

[110, 124, 149], [194, 208, 222], [255, 249, 235], [234, 209, 198], [253, 189, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6E7C95, #C2D0DE, #FFF9EB, #EAD1C6, #FDBD69 is ideal for: health products, baby brands, fresh-style blogs, 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: #6e7c95; --color-2: #c2d0de; --color-3: #fff9eb; --color-4: #ead1c6; --color-5: #fdbd69. 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. 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