← Back to Editor

#464265 · #535D78 · #A7CACC · #D1C9A4 · #F08A9F

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

#464265

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#464265
RGB
rgb(70, 66, 101)
HSL
hsl(247, 21%, 33%)
HSB
hsb(247, 35%, 40%)
CMYK
cmyk(31%, 35%, 0%, 60%)
Oklch
oklch(39.9% 0.058 288.7)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#535D78

Indigo · DimGray · Prussian Blue

HEX
#535D78
RGB
rgb(83, 93, 120)
HSL
hsl(224, 18%, 40%)
HSB
hsb(224, 31%, 47%)
CMYK
cmyk(31%, 22%, 0%, 53%)
Oklch
oklch(48.0% 0.045 268.8)

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

#A7CACC

Sky Blue · LightSteelBlue · Lake Green

HEX
#A7CACC
RGB
rgb(167, 202, 204)
HSL
hsl(183, 27%, 73%)
HSB
hsb(183, 18%, 80%)
CMYK
cmyk(18%, 1%, 0%, 20%)
Oklch
oklch(81.4% 0.037 200.7)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#D1C9A4

Goose Yellow · Tan · Sunflower

HEX
#D1C9A4
RGB
rgb(209, 201, 164)
HSL
hsl(49, 33%, 73%)
HSB
hsb(49, 22%, 82%)
CMYK
cmyk(0%, 4%, 22%, 18%)
Oklch
oklch(83.3% 0.050 97.2)

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

#F08A9F

Peach Pink · LightCoral · Coral Red

HEX
#F08A9F
RGB
rgb(240, 138, 159)
HSL
hsl(348, 77%, 74%)
HSB
hsb(348, 43%, 94%)
CMYK
cmyk(0%, 43%, 34%, 6%)
Oklch
oklch(74.8% 0.126 7.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

464265
626642

Analogous

425066
464265
584266

Triadic

464265
664742
426647

Split-Comp.

464265
665842
506642

Tetradic

464265
664250
626642
426658

Contrast Matrix WCAG 2.1 Contrast

464265
535D78
A7CACC
D1C9A4
F08A9F
—
1.4
Fail
5.4
AA
5.7
AA
4.0
AA Large
1.4
Fail
—
3.7
AA Large
3.9
AA Large
2.8
Fail
5.4
AA
3.7
AA Large
—
1.1
Fail
1.4
Fail
5.7
AA
3.9
AA Large
1.1
Fail
—
1.4
Fail
4.0
AA Large
2.8
Fail
1.4
Fail
1.4
Fail
—
White BG
9.4AAA
6.6AA
1.8Fail
1.7Fail
2.4Fail
Black BG
2.2Fail
3.2AA Large
12.0AAA
12.6AAA
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

44445D
575771
B6B6CC
CECDAD
C4C39A

Deuteranopia

45455A
575670
B4B2CB
CECFAF
CAD199

Tritanopia

465654
546C6B
A9CBCB
D1B4B6
EB9695

Achromatopsia

474747
5D5D5D
C0C0C0
C7C7C7
ABABAB

Shades & Tints Shades & Tints

#464265

Dark
Light

#535D78

Dark
Light

#A7CACC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #464265;
  --color-2: #535d78;
  --color-3: #a7cacc;
  --color-4: #d1c9a4;
  --color-5: #f08a9f;
}

SCSS

$color-1: #464265;
$color-2: #535d78;
$color-3: #a7cacc;
$color-4: #d1c9a4;
$color-5: #f08a9f;

TAILWIND

colors: {
  'brand-1': '#464265',
  'brand-2': '#535d78',
  'brand-3': '#a7cacc',
  'brand-4': '#d1c9a4',
  'brand-5': '#f08a9f',
}

RGB Array

[70, 66, 101], [83, 93, 120], [167, 202, 204], [209, 201, 164], [240, 138, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #464265, #535D78, #A7CACC, #D1C9A4, #F08A9F 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: #464265; --color-2: #535d78; --color-3: #a7cacc; --color-4: #d1c9a4; --color-5: #f08a9f. 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