← Back to Editor

#373A57 · #4E5279 · #D6D4C1 · #FFF2AF · #FDE35D

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

#373A57

Indigo · DarkSlateGray · Prussian Blue

HEX
#373A57
RGB
rgb(55, 58, 87)
HSL
hsl(234, 23%, 28%)
HSB
hsb(234, 37%, 34%)
CMYK
cmyk(37%, 33%, 0%, 66%)
Oklch
oklch(35.9% 0.050 279.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#4E5279

Indigo · DarkSlateBlue · Prussian Blue

HEX
#4E5279
RGB
rgb(78, 82, 121)
HSL
hsl(234, 22%, 39%)
HSB
hsb(234, 36%, 47%)
CMYK
cmyk(36%, 32%, 0%, 53%)
Oklch
oklch(45.2% 0.064 279.0)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#D6D4C1

Fresh Green · LightGray · Lemon Cream

HEX
#D6D4C1
RGB
rgb(214, 212, 193)
HSL
hsl(54, 20%, 80%)
HSB
hsb(54, 10%, 84%)
CMYK
cmyk(0%, 1%, 10%, 16%)
Oklch
oklch(86.6% 0.026 102.0)

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

#FFF2AF

Fresh Green · Wheat · Lemon Cream

HEX
#FFF2AF
RGB
rgb(255, 242, 175)
HSL
hsl(50, 100%, 84%)
HSB
hsb(50, 31%, 100%)
CMYK
cmyk(0%, 5%, 31%, 0%)
Oklch
oklch(95.6% 0.086 98.5)

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

#FDE35D

Fresh Green · Khaki · Sunflower

HEX
#FDE35D
RGB
rgb(253, 227, 93)
HSL
hsl(50, 98%, 68%)
HSB
hsb(50, 63%, 99%)
CMYK
cmyk(0%, 10%, 63%, 1%)
Oklch
oklch(91.3% 0.153 98.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

373A57
585537

Analogous

374B58
373A57
443758

Triadic

373A57
58373A
3A5837

Split-Comp.

373A57
584437
4B5837

Tetradic

373A57
58374B
585537
375844

Contrast Matrix WCAG 2.1 Contrast

373A57
4E5279
D6D4C1
FFF2AF
FDE35D
—
1.5
Fail
7.4
AAA
9.7
AAA
8.6
AAA
1.5
Fail
—
5.0
AA
6.6
AA
5.8
AA
7.4
AAA
5.0
AA
—
1.3
Fail
1.2
Fail
9.7
AAA
6.6
AA
1.3
Fail
—
1.1
Fail
8.6
AAA
5.8
AA
1.2
Fail
1.1
Fail
—
White BG
11.0AAA
7.5AAA
1.5Fail
1.1Fail
1.3Fail
Black BG
1.9Fail
2.8Fail
14.0AAA
18.6AAA
16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

383850
505070
D5D5C6
F9F9BF
F2F27D

Deuteranopia

38384E
504F6D
D5D5C7
FAFBC3
F3F585

Tritanopia

374A49
4E6866
D6C9CA
FECCCF
FC979D

Achromatopsia

3C3C3C
555555
D2D2D2
EEEEEE
DBDBDB

Shades & Tints Shades & Tints

#373A57

Dark
Light

#4E5279

Dark
Light

#D6D4C1

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #373a57;
  --color-2: #4e5279;
  --color-3: #d6d4c1;
  --color-4: #fff2af;
  --color-5: #fde35d;
}

SCSS

$color-1: #373a57;
$color-2: #4e5279;
$color-3: #d6d4c1;
$color-4: #fff2af;
$color-5: #fde35d;

TAILWIND

colors: {
  'brand-1': '#373a57',
  'brand-2': '#4e5279',
  'brand-3': '#d6d4c1',
  'brand-4': '#fff2af',
  'brand-5': '#fde35d',
}

RGB Array

[55, 58, 87], [78, 82, 121], [214, 212, 193], [255, 242, 175], [253, 227, 93]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #373A57, #4E5279, #D6D4C1, #FFF2AF, #FDE35D 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: #373a57; --color-2: #4e5279; --color-3: #d6d4c1; --color-4: #fff2af; --color-5: #fde35d. 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. 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