← Back to Editor

#DBB974 · #E69785 · #C793AB · #868FB5 · #4F929E

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 Library

Color Details Color Details

#DBB974

Ginger · BurlyWood · Sunflower

HEX
#DBB974
RGB
rgb(219, 185, 116)
HSL
hsl(40, 59%, 66%)
HSB
hsb(40, 47%, 86%)
CMYK
cmyk(0%, 16%, 47%, 14%)
Oklch
oklch(80.0% 0.096 84.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#E69785

Peach Pink · DarkSalmon · Coral Red

HEX
#E69785
RGB
rgb(230, 151, 133)
HSL
hsl(11, 66%, 71%)
HSB
hsb(11, 42%, 90%)
CMYK
cmyk(0%, 34%, 42%, 10%)
Oklch
oklch(75.1% 0.099 33.5)

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

#C793AB

Rouge · DarkGray · Rose Pink

HEX
#C793AB
RGB
rgb(199, 147, 171)
HSL
hsl(332, 32%, 68%)
HSB
hsb(332, 26%, 78%)
CMYK
cmyk(0%, 26%, 14%, 22%)
Oklch
oklch(72.0% 0.070 349.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#868FB5

Azure · LightSlateGray · Cobalt Blue

HEX
#868FB5
RGB
rgb(134, 143, 181)
HSL
hsl(229, 24%, 62%)
HSB
hsb(229, 26%, 71%)
CMYK
cmyk(26%, 21%, 0%, 29%)
Oklch
oklch(65.6% 0.058 274.3)

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

#4F929E

Slate Blue · CadetBlue · Mint Ice

HEX
#4F929E
RGB
rgb(79, 146, 158)
HSL
hsl(189, 33%, 46%)
HSB
hsb(189, 50%, 62%)
CMYK
cmyk(50%, 8%, 0%, 38%)
Oklch
oklch(62.0% 0.070 210.4)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBB974
7597DB

Analogous

DB8675
DBB974
CADB75

Triadic

DBB974
75DBB9
B975DB

Split-Comp.

DBB974
75CADB
8675DB

Tetradic

DBB974
75DB86
7597DB
DB75CA

Contrast Matrix WCAG 2.1 Contrast

DBB974
E69785
C793AB
868FB5
4F929E
—
1.2
Fail
1.4
Fail
1.7
Fail
1.9
Fail
1.2
Fail
—
1.1
Fail
1.4
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.1
Fail
1.9
Fail
1.5
Fail
1.4
Fail
1.1
Fail
—
White BG
1.9Fail
2.3Fail
2.6Fail
3.2AA Large
3.5AA Large
Black BG
11.2AAA
9.1AAA
8.2AAA
6.6AA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC85
C4C389
B0B0A5
8A8AAC
6C6D9B

Deuteranopia

CED189
C8CE8A
B4B7A4
8989AA
68639A

Tritanopia

D99295
E28D8E
C4A1A0
86A5A3
529998

Achromatopsia

BBBBBB
ADADAD
A5A5A5
919191
7F7F7F

Shades & Tints Shades & Tints

#DBB974

Dark
Light

#E69785

Dark
Light

#C793AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbb974;
  --color-2: #e69785;
  --color-3: #c793ab;
  --color-4: #868fb5;
  --color-5: #4f929e;
}

SCSS

$color-1: #dbb974;
$color-2: #e69785;
$color-3: #c793ab;
$color-4: #868fb5;
$color-5: #4f929e;

TAILWIND

colors: {
  'brand-1': '#dbb974',
  'brand-2': '#e69785',
  'brand-3': '#c793ab',
  'brand-4': '#868fb5',
  'brand-5': '#4f929e',
}

RGB Array

[219, 185, 116], [230, 151, 133], [199, 147, 171], [134, 143, 181], [79, 146, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #DBB974, #E69785, #C793AB, #868FB5, #4F929E is ideal for: corporate websites, product showcases, portfolios. 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: #dbb974; --color-2: #e69785; --color-3: #c793ab; --color-4: #868fb5; --color-5: #4f929e. 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. 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. 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