← Back to Editor

#4D3735 · #71D7D9 · #CDC996 · #FDAC8F · #FC94C3

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 AppData Visualization

Color Details Color Details

#4D3735

Crimson · DarkSlateGray · Wine Red

HEX
#4D3735
RGB
rgb(77, 55, 53)
HSL
hsl(5, 18%, 25%)
HSB
hsb(5, 31%, 30%)
CMYK
cmyk(0%, 29%, 31%, 70%)
Oklch
oklch(36.1% 0.032 24.7)

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

#71D7D9

Sky Blue · SkyBlue · Lake Green

HEX
#71D7D9
RGB
rgb(113, 215, 217)
HSL
hsl(181, 58%, 65%)
HSB
hsb(181, 48%, 85%)
CMYK
cmyk(48%, 1%, 0%, 15%)
Oklch
oklch(81.9% 0.095 197.1)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#CDC996

Fresh Green · Tan · Sunflower

HEX
#CDC996
RGB
rgb(205, 201, 150)
HSL
hsl(56, 35%, 70%)
HSB
hsb(56, 27%, 80%)
CMYK
cmyk(0%, 2%, 27%, 20%)
Oklch
oklch(82.7% 0.068 104.0)

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

#FDAC8F

Apricot · LightSalmon · Peach Orange

HEX
#FDAC8F
RGB
rgb(253, 172, 143)
HSL
hsl(16, 96%, 78%)
HSB
hsb(16, 43%, 99%)
CMYK
cmyk(0%, 32%, 43%, 1%)
Oklch
oklch(81.6% 0.104 40.5)

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

#FC94C3

Rouge · LightPink · Cherry Blossom

HEX
#FC94C3
RGB
rgb(252, 148, 195)
HSL
hsl(333, 95%, 78%)
HSB
hsb(333, 41%, 99%)
CMYK
cmyk(0%, 41%, 23%, 1%)
Oklch
oklch(78.9% 0.136 352.1)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

4D3735
34494B

Analogous

4B343E
4D3735
4B4234

Triadic

4D3735
344B36
36344B

Split-Comp.

4D3735
344B42
343E4B

Tetradic

4D3735
3E4B34
34494B
42344B

Contrast Matrix WCAG 2.1 Contrast

4D3735
71D7D9
CDC996
FDAC8F
FC94C3
—
6.5
AA
6.5
AA
6.0
AA
5.3
AA
6.5
AA
—
1.0
Fail
1.1
Fail
1.2
Fail
6.5
AA
1.0
Fail
—
1.1
Fail
1.2
Fail
6.0
AA
1.1
Fail
1.1
Fail
—
1.1
Fail
5.3
AA
1.2
Fail
1.2
Fail
1.1
Fail
—
White BG
11.0AAA
1.7Fail
1.7Fail
1.8Fail
2.1Fail
Black BG
1.9Fail
12.4AAA
12.4AAA
11.5AAA
10.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

434335
9D9ED9
CBCBA2
DAD996
CFCEB8

Deuteranopia

454636
9790D8
CCCCA5
DFE598
D5DDB5

Tritanopia

4C3636
76D8D8
CDACAE
F99C9D
F7AFAD

Achromatopsia

3D3D3D
B9B9B9
C4C4C4
C1C1C1
B8B8B8

Shades & Tints Shades & Tints

#4D3735

Dark
Light

#71D7D9

Dark
Light

#CDC996

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #4d3735;
  --color-2: #71d7d9;
  --color-3: #cdc996;
  --color-4: #fdac8f;
  --color-5: #fc94c3;
}

SCSS

$color-1: #4d3735;
$color-2: #71d7d9;
$color-3: #cdc996;
$color-4: #fdac8f;
$color-5: #fc94c3;

TAILWIND

colors: {
  'brand-1': '#4d3735',
  'brand-2': '#71d7d9',
  'brand-3': '#cdc996',
  'brand-4': '#fdac8f',
  'brand-5': '#fc94c3',
}

RGB Array

[77, 55, 53], [113, 215, 217], [205, 201, 150], [253, 172, 143], [252, 148, 195]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #4D3735, #71D7D9, #CDC996, #FDAC8F, #FC94C3 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #4d3735; --color-2: #71d7d9; --color-3: #cdc996; --color-4: #fdac8f; --color-5: #fc94c3. 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 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