← Back to Editor

#72BDC2 · #DCA7AF · #906763 · #503E3E · #443435

space

A 5-color space 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

#72BDC2

Slate Blue · MediumAquaMarine · Lake Green

HEX
#72BDC2
RGB
rgb(114, 189, 194)
HSL
hsl(184, 40%, 60%)
HSB
hsb(184, 41%, 76%)
CMYK
cmyk(41%, 3%, 0%, 24%)
Oklch
oklch(75.1% 0.075 201.2)

Traditional「Slate Blue」· Paint「Lake Green」· Creative Blush Sunrise

#DCA7AF

Peach Pink · Tan · Coral Red

HEX
#DCA7AF
RGB
rgb(220, 167, 175)
HSL
hsl(351, 43%, 76%)
HSB
hsb(351, 24%, 86%)
CMYK
cmyk(0%, 24%, 20%, 14%)
Oklch
oklch(78.0% 0.063 8.6)

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

#906763

Crimson · DimGray · Passion Red

HEX
#906763
RGB
rgb(144, 103, 99)
HSL
hsl(5, 19%, 48%)
HSB
hsb(5, 31%, 56%)
CMYK
cmyk(0%, 28%, 31%, 44%)
Oklch
oklch(55.5% 0.054 25.2)

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

#503E3E

Crimson · DarkSlateGray · Wine Red

HEX
#503E3E
RGB
rgb(80, 62, 62)
HSL
hsl(0, 13%, 28%)
HSB
hsb(0, 23%, 31%)
CMYK
cmyk(0%, 22%, 22%, 69%)
Oklch
oklch(38.3% 0.025 18.3)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#443435

Crimson · DarkSlateGray · Wine Red

HEX
#443435
RGB
rgb(68, 52, 53)
HSL
hsl(356, 13%, 24%)
HSB
hsb(356, 24%, 27%)
CMYK
cmyk(0%, 24%, 22%, 73%)
Oklch
oklch(34.3% 0.023 14.1)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

72BDC2
C27670

Analogous

70C29E
72BDC2
7094C2

Triadic

72BDC2
C270BC
BCC270

Split-Comp.

72BDC2
C27094
C29E70

Tetradic

72BDC2
9E70C2
C27670
94C270

Contrast Matrix WCAG 2.1 Contrast

72BDC2
DCA7AF
906763
503E3E
443435
—
1.0
Fail
2.3
Fail
4.7
AA
5.5
AA
1.0
Fail
—
2.4
Fail
4.9
AA
5.7
AA
2.3
Fail
2.4
Fail
—
2.1
Fail
2.4
Fail
4.7
AA
4.9
AA
2.1
Fail
—
1.2
Fail
5.5
AA
5.7
AA
2.4
Fail
1.2
Fail
—
White BG
2.1Fail
2.1Fail
4.9AA
10.0AAA
11.7AAA
Black BG
9.8AAA
10.2AAA
4.3AA Large
2.1Fail
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

9293C1
C5C5AD
7E7E64
48483E
3D3D35

Deuteranopia

8E89C0
C8CCAD
818464
494B3E
3E3F35

Tritanopia

76C0C0
D9ACAB
8E6565
4F3E3E
433535

Achromatopsia

A7A7A7
B8B8B8
737373
434343
393939

Shades & Tints Shades & Tints

#72BDC2

Dark
Light

#DCA7AF

Dark
Light

#906763

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #72bdc2;
  --color-2: #dca7af;
  --color-3: #906763;
  --color-4: #503e3e;
  --color-5: #443435;
}

SCSS

$color-1: #72bdc2;
$color-2: #dca7af;
$color-3: #906763;
$color-4: #503e3e;
$color-5: #443435;

TAILWIND

colors: {
  'brand-1': '#72bdc2',
  'brand-2': '#dca7af',
  'brand-3': '#906763',
  'brand-4': '#503e3e',
  'brand-5': '#443435',
}

RGB Array

[114, 189, 194], [220, 167, 175], [144, 103, 99], [80, 62, 62], [68, 52, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #72BDC2, #DCA7AF, #906763, #503E3E, #443435 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #72bdc2; --color-2: #dca7af; --color-3: #906763; --color-4: #503e3e; --color-5: #443435. 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 space-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. 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