← Back to Editor

#466B88 · #6D7D9F · #94A1B4 · #CAAEAA · #F8C1BC

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

#466B88

Slate Blue · DarkSlateBlue · Prussian Blue

HEX
#466B88
RGB
rgb(70, 107, 136)
HSL
hsl(206, 32%, 40%)
HSB
hsb(206, 49%, 53%)
CMYK
cmyk(49%, 21%, 0%, 47%)
Oklch
oklch(51.2% 0.063 243.0)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#6D7D9F

Azure · SlateGray · Navy Blue

HEX
#6D7D9F
RGB
rgb(109, 125, 159)
HSL
hsl(221, 21%, 53%)
HSB
hsb(221, 31%, 62%)
CMYK
cmyk(31%, 21%, 0%, 38%)
Oklch
oklch(59.0% 0.056 265.1)

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

#94A1B4

Azure · DarkGray · Cobalt Blue

HEX
#94A1B4
RGB
rgb(148, 161, 180)
HSL
hsl(216, 18%, 64%)
HSB
hsb(216, 18%, 71%)
CMYK
cmyk(18%, 11%, 0%, 29%)
Oklch
oklch(70.5% 0.032 257.8)

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

#CAAEAA

Peach Pink · Silver · Coral Red

HEX
#CAAEAA
RGB
rgb(202, 174, 170)
HSL
hsl(8, 23%, 73%)
HSB
hsb(8, 16%, 79%)
CMYK
cmyk(0%, 14%, 16%, 21%)
Oklch
oklch(77.4% 0.033 27.5)

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

#F8C1BC

Peach Pink · LightPink · Cherry Blossom

HEX
#F8C1BC
RGB
rgb(248, 193, 188)
HSL
hsl(5, 81%, 85%)
HSB
hsb(5, 24%, 97%)
CMYK
cmyk(0%, 22%, 24%, 3%)
Oklch
oklch(85.9% 0.064 24.5)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

466B88
876245

Analogous

458782
466B88
454A87

Triadic

466B88
87456A
6A8745

Split-Comp.

466B88
87454A
878245

Tetradic

466B88
824587
876245
4A8745

Contrast Matrix WCAG 2.1 Contrast

466B88
6D7D9F
94A1B4
CAAEAA
F8C1BC
—
1.4
Fail
2.2
Fail
2.7
Fail
3.6
AA Large
1.4
Fail
—
1.6
Fail
2.0
Fail
2.6
Fail
2.2
Fail
1.6
Fail
—
1.3
Fail
1.7
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
3.6
AA Large
2.6
Fail
1.7
Fail
1.3
Fail
—
White BG
5.6AA
4.1AA Large
2.6Fail
2.1Fail
1.6Fail
Black BG
3.7AA Large
5.1AA
8.0AAA
10.1AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

565681
747497
9A9AAF
BEBEAB
E0E0BD

Deuteranopia

54517F
737295
9998AE
C0C2AB
E3E8BE

Tritanopia

487B7A
6E908F
95ACAB
C9ACAC
F5BEBE

Achromatopsia

636363
7C7C7C
9F9F9F
B6B6B6
D1D1D1

Shades & Tints Shades & Tints

#466B88

Dark
Light

#6D7D9F

Dark
Light

#94A1B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #466b88;
  --color-2: #6d7d9f;
  --color-3: #94a1b4;
  --color-4: #caaeaa;
  --color-5: #f8c1bc;
}

SCSS

$color-1: #466b88;
$color-2: #6d7d9f;
$color-3: #94a1b4;
$color-4: #caaeaa;
$color-5: #f8c1bc;

TAILWIND

colors: {
  'brand-1': '#466b88',
  'brand-2': '#6d7d9f',
  'brand-3': '#94a1b4',
  'brand-4': '#caaeaa',
  'brand-5': '#f8c1bc',
}

RGB Array

[70, 107, 136], [109, 125, 159], [148, 161, 180], [202, 174, 170], [248, 193, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #466B88, #6D7D9F, #94A1B4, #CAAEAA, #F8C1BC 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: #466b88; --color-2: #6d7d9f; --color-3: #94a1b4; --color-4: #caaeaa; --color-5: #f8c1bc. 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