← Back to Editor

#A5C2C0 · #0D0707 · #DE4E63 · #D9B189 · #E6DCD3

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

#A5C2C0

Jade · Silver · Lake Green

HEX
#A5C2C0
RGB
rgb(165, 194, 192)
HSL
hsl(176, 19%, 70%)
HSB
hsb(176, 15%, 76%)
CMYK
cmyk(15%, 0%, 1%, 24%)
Oklch
oklch(79.2% 0.031 191.4)

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

#0D0707

Crimson · Black · Deep Berry

HEX
#0D0707
RGB
rgb(13, 7, 7)
HSL
hsl(0, 30%, 4%)
HSB
hsb(0, 46%, 5%)
CMYK
cmyk(0%, 46%, 46%, 95%)
Oklch
oklch(13.8% 0.012 18.7)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#DE4E63

Vermilion · Tomato · Passion Red

HEX
#DE4E63
RGB
rgb(222, 78, 99)
HSL
hsl(351, 69%, 59%)
HSB
hsb(351, 65%, 87%)
CMYK
cmyk(0%, 65%, 55%, 13%)
Oklch
oklch(62.5% 0.179 15.4)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#D9B189

Ginger · Tan · Warm Sun

HEX
#D9B189
RGB
rgb(217, 177, 137)
HSL
hsl(30, 51%, 69%)
HSB
hsb(30, 37%, 85%)
CMYK
cmyk(0%, 18%, 37%, 15%)
Oklch
oklch(78.6% 0.071 66.5)

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

#E6DCD3

Apricot · LightGray · Peach Orange

HEX
#E6DCD3
RGB
rgb(230, 220, 211)
HSL
hsl(28, 28%, 86%)
HSB
hsb(28, 8%, 90%)
CMYK
cmyk(0%, 4%, 8%, 10%)
Oklch
oklch(90.0% 0.016 64.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A5C2C0
C1A4A6

Analogous

A4C1B1
A5C2C0
A4B4C1

Triadic

A5C2C0
BFA4C1
C1BFA4

Split-Comp.

A5C2C0
C1A4B4
C1B1A4

Tetradic

A5C2C0
B1A4C1
C1A4A6
B4C1A4

Contrast Matrix WCAG 2.1 Contrast

A5C2C0
0D0707
DE4E63
D9B189
E6DCD3
—
10.5
AAA
2.1
Fail
1.0
Fail
1.4
Fail
10.5
AAA
—
5.1
AA
10.1
AAA
14.8
AAA
2.1
Fail
5.1
AA
—
2.0
Fail
2.9
Fail
1.0
Fail
10.1
AAA
2.0
Fail
—
1.5
Fail
1.4
Fail
14.8
AAA
2.9
Fail
1.5
Fail
—
White BG
1.9Fail
20.0AAA
3.9AA Large
2.0Fail
1.4Fail
Black BG
11.1AAA
1.1Fail
5.4AA
10.6AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B2B2C0
0A0A07
A09E5E
C8C793
E2E2D5

Deuteranopia

B0AEC1
0B0B07
A8B35D
CACD95
E2E3D6

Tritanopia

A6C1C1
0D0707
D75A59
D79A9C
E6D7D7

Achromatopsia

B9B9B9
090909
7B7B7B
B8B8B8
DEDEDE

Shades & Tints Shades & Tints

#A5C2C0

Dark
Light

#0D0707

Dark
Light

#DE4E63

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a5c2c0;
  --color-2: #0d0707;
  --color-3: #de4e63;
  --color-4: #d9b189;
  --color-5: #e6dcd3;
}

SCSS

$color-1: #a5c2c0;
$color-2: #0d0707;
$color-3: #de4e63;
$color-4: #d9b189;
$color-5: #e6dcd3;

TAILWIND

colors: {
  'brand-1': '#a5c2c0',
  'brand-2': '#0d0707',
  'brand-3': '#de4e63',
  'brand-4': '#d9b189',
  'brand-5': '#e6dcd3',
}

RGB Array

[165, 194, 192], [13, 7, 7], [222, 78, 99], [217, 177, 137], [230, 220, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A5C2C0, #0D0707, #DE4E63, #D9B189, #E6DCD3 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: #a5c2c0; --color-2: #0d0707; --color-3: #de4e63; --color-4: #d9b189; --color-5: #e6dcd3. 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