← Back to Editor

#3CABC2 · #E54E2B · #D1A04C · #D6850A · #D1CFB9

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#3CABC2

Lake Blue · LightSeaGreen · Mint Ice

HEX
#3CABC2
RGB
rgb(60, 171, 194)
HSL
hsl(190, 53%, 50%)
HSB
hsb(190, 69%, 76%)
CMYK
cmyk(69%, 12%, 0%, 24%)
Oklch
oklch(68.8% 0.103 214.3)

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

#E54E2B

Vermilion · Chocolate · Passion Red

HEX
#E54E2B
RGB
rgb(229, 78, 43)
HSL
hsl(11, 78%, 53%)
HSB
hsb(11, 81%, 90%)
CMYK
cmyk(0%, 66%, 81%, 10%)
Oklch
oklch(62.8% 0.193 34.3)

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

#D1A04C

Ginger · SandyBrown · Warm Sun

HEX
#D1A04C
RGB
rgb(209, 160, 76)
HSL
hsl(38, 59%, 56%)
HSB
hsb(38, 64%, 82%)
CMYK
cmyk(0%, 23%, 64%, 18%)
Oklch
oklch(73.5% 0.117 78.7)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#D6850A

Ochre · DarkGoldenRod · Amber Brown

HEX
#D6850A
RGB
rgb(214, 133, 10)
HSL
hsl(36, 91%, 44%)
HSB
hsb(36, 95%, 84%)
CMYK
cmyk(0%, 38%, 95%, 16%)
Oklch
oklch(68.6% 0.149 67.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#D1CFB9

Fresh Green · Silver · Lemon Cream

HEX
#D1CFB9
RGB
rgb(209, 207, 185)
HSL
hsl(55, 21%, 77%)
HSB
hsb(55, 11%, 82%)
CMYK
cmyk(0%, 1%, 11%, 18%)
Oklch
oklch(85.0% 0.030 102.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3CABC2
C3523C

Analogous

3CC396
3CABC2
3C69C3

Triadic

3CABC2
C33CAD
ADC33C

Split-Comp.

3CABC2
C33C69
C3963C

Tetradic

3CABC2
963CC3
C3523C
69C33C

Contrast Matrix WCAG 2.1 Contrast

3CABC2
E54E2B
D1A04C
D6850A
D1CFB9
—
1.4
Fail
1.1
Fail
1.1
Fail
1.7
Fail
1.4
Fail
—
1.6
Fail
1.3
Fail
2.4
Fail
1.1
Fail
1.6
Fail
—
1.2
Fail
1.5
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.8
Fail
1.7
Fail
2.4
Fail
1.5
Fail
1.8
Fail
—
White BG
2.7Fail
3.8AA Large
2.4Fail
2.9Fail
1.6Fail
Black BG
7.8AAA
5.5AA
8.8AAA
7.2AAA
13.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6C6DBC
A4A233
BCBB60
B3B228
D0D0BE

Deuteranopia

665DBB
ACB836
BFC265
B8BE2F
D0D0C0

Tritanopia

42B8B7
DD3A3C
CF7074
D23F44
D1C3C3

Achromatopsia

8C8C8C
777777
A5A5A5
8F8F8F
CDCDCD

Shades & Tints Shades & Tints

#3CABC2

Dark
Light

#E54E2B

Dark
Light

#D1A04C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3cabc2;
  --color-2: #e54e2b;
  --color-3: #d1a04c;
  --color-4: #d6850a;
  --color-5: #d1cfb9;
}

SCSS

$color-1: #3cabc2;
$color-2: #e54e2b;
$color-3: #d1a04c;
$color-4: #d6850a;
$color-5: #d1cfb9;

TAILWIND

colors: {
  'brand-1': '#3cabc2',
  'brand-2': '#e54e2b',
  'brand-3': '#d1a04c',
  'brand-4': '#d6850a',
  'brand-5': '#d1cfb9',
}

RGB Array

[60, 171, 194], [229, 78, 43], [209, 160, 76], [214, 133, 10], [209, 207, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #3CABC2, #E54E2B, #D1A04C, #D6850A, #D1CFB9 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #3cabc2; --color-2: #e54e2b; --color-3: #d1a04c; --color-4: #d6850a; --color-5: #d1cfb9. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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