← Back to Editor

#1A1736 · #A6A8AB · #FCFEFD · #F4D9C6 · #DC7D67

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

#1A1736

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX
#1A1736
RGB
rgb(26, 23, 54)
HSL
hsl(246, 40%, 15%)
HSB
hsb(246, 57%, 21%)
CMYK
cmyk(52%, 57%, 0%, 79%)
Oklch
oklch(22.7% 0.058 285.1)

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

#A6A8AB

Ash · DarkGray · Silver Sand

HEX
#A6A8AB
RGB
rgb(166, 168, 171)
HSL
hsl(216, 3%, 66%)
HSB
hsb(216, 3%, 67%)
CMYK
cmyk(3%, 2%, 0%, 33%)
Oklch
oklch(73.1% 0.005 258.3)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

#FCFEFD

Jade · White · Mint Green

HEX
#FCFEFD
RGB
rgb(252, 254, 253)
HSL
hsl(150, 50%, 99%)
HSB
hsb(150, 1%, 100%)
CMYK
cmyk(1%, 0%, 0%, 0%)
Oklch
oklch(99.5% 0.002 165.1)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#F4D9C6

Apricot · Bisque · Peach Orange

HEX
#F4D9C6
RGB
rgb(244, 217, 198)
HSL
hsl(25, 68%, 87%)
HSB
hsb(25, 19%, 96%)
CMYK
cmyk(0%, 11%, 19%, 4%)
Oklch
oklch(90.3% 0.039 57.3)

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

#DC7D67

Peach Pink · Salmon · Coral Red

HEX
#DC7D67
RGB
rgb(220, 125, 103)
HSL
hsl(11, 63%, 63%)
HSB
hsb(11, 53%, 86%)
CMYK
cmyk(0%, 43%, 53%, 14%)
Oklch
oklch(68.9% 0.123 34.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A1736
323617

Analogous

172336
1A1736
291736

Triadic

1A1736
361A17
17361A

Split-Comp.

1A1736
362917
233617

Tetradic

1A1736
361723
323617
173629

Contrast Matrix WCAG 2.1 Contrast

1A1736
A6A8AB
FCFEFD
F4D9C6
DC7D67
—
7.2
AAA
17.0
AAA
12.8
AAA
5.9
AA
7.2
AAA
—
2.4
Fail
1.8
Fail
1.2
Fail
17.0
AAA
2.4
Fail
—
1.3
Fail
2.9
Fail
12.8
AAA
1.8
Fail
1.3
Fail
—
2.2
Fail
5.9
AA
1.2
Fail
2.9
Fail
2.2
Fail
—
White BG
17.2AAA
2.4Fail
1.0Fail
1.3Fail
2.9Fail
Black BG
1.2Fail
8.8AAA
20.7AAA
15.6AAA
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

19192E
A7A7AA
FDFDFD
E8E8CB
B3B26C

Deuteranopia

19192D
A7A7AA
FDFDFD
EAECCC
B8C06E

Tritanopia

1A2927
A6AAAA
FCFDFD
F3CECF
D77171

Achromatopsia

1B1B1B
A8A8A8
FDFDFD
DFDFDF
979797

Shades & Tints Shades & Tints

#1A1736

Dark
Light

#A6A8AB

Dark
Light

#FCFEFD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a1736;
  --color-2: #a6a8ab;
  --color-3: #fcfefd;
  --color-4: #f4d9c6;
  --color-5: #dc7d67;
}

SCSS

$color-1: #1a1736;
$color-2: #a6a8ab;
$color-3: #fcfefd;
$color-4: #f4d9c6;
$color-5: #dc7d67;

TAILWIND

colors: {
  'brand-1': '#1a1736',
  'brand-2': '#a6a8ab',
  'brand-3': '#fcfefd',
  'brand-4': '#f4d9c6',
  'brand-5': '#dc7d67',
}

RGB Array

[26, 23, 54], [166, 168, 171], [252, 254, 253], [244, 217, 198], [220, 125, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A1736, #A6A8AB, #FCFEFD, #F4D9C6, #DC7D67 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: #1a1736; --color-2: #a6a8ab; --color-3: #fcfefd; --color-4: #f4d9c6; --color-5: #dc7d67. 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