← Back to Editor

#EDEEE0 · #5FD1D2 · #651F65 · #1C004B · #B72C53

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

#EDEEE0

Fresh Green · Beige · Lemon Cream

HEX
#EDEEE0
RGB
rgb(237, 238, 224)
HSL
hsl(64, 29%, 91%)
HSB
hsb(64, 6%, 93%)
CMYK
cmyk(0%, 0%, 6%, 7%)
Oklch
oklch(94.5% 0.019 110.1)

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

#5FD1D2

Lake Blue · MediumTurquoise · Lake Green

HEX
#5FD1D2
RGB
rgb(95, 209, 210)
HSL
hsl(181, 56%, 60%)
HSB
hsb(181, 55%, 82%)
CMYK
cmyk(55%, 0%, 0%, 18%)
Oklch
oklch(79.6% 0.103 196.1)

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

#651F65

Rose Purple · Purple · Eggplant

HEX
#651F65
RGB
rgb(101, 31, 101)
HSL
hsl(300, 53%, 26%)
HSB
hsb(300, 69%, 40%)
CMYK
cmyk(0%, 69%, 0%, 60%)
Oklch
oklch(37.8% 0.134 327.8)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#1C004B

Deep Indigo · MidnightBlue · Dark Purple

HEX
#1C004B
RGB
rgb(28, 0, 75)
HSL
hsl(262, 100%, 15%)
HSB
hsb(262, 100%, 29%)
CMYK
cmyk(63%, 100%, 0%, 71%)
Oklch
oklch(21.2% 0.121 289.0)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#B72C53

Dark Violet · Brown · Camellia

HEX
#B72C53
RGB
rgb(183, 44, 83)
HSL
hsl(343, 61%, 45%)
HSB
hsb(343, 76%, 72%)
CMYK
cmyk(0%, 76%, 55%, 28%)
Oklch
oklch(52.2% 0.175 9.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDEEE0
E2E1EF

Analogous

EFE9E1
EDEEE0
E7EFE1

Triadic

EDEEE0
E1EEEF
EFE1EE

Split-Comp.

EDEEE0
E1E7EF
E9E1EF

Tetradic

EDEEE0
E1EFE9
E2E1EF
EFE1E7

Contrast Matrix WCAG 2.1 Contrast

EDEEE0
5FD1D2
651F65
1C004B
B72C53
—
1.6
Fail
9.2
AAA
15.6
AAA
5.1
AA
1.6
Fail
—
6.0
AA
10.0
AAA
3.3
AA Large
9.2
AAA
6.0
AA
—
1.7
Fail
1.8
Fail
15.6
AAA
10.0
AAA
1.7
Fail
—
3.0
AA Large
5.1
AA
3.3
AA Large
1.8
Fail
3.0
AA Large
—
White BG
1.2Fail
1.8Fail
10.8AAA
18.2AAA
6.0AA
Black BG
17.9AAA
11.5AAA
1.9Fail
1.2Fail
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EDEDE3
9091D2
474654
101039
7B7A4A

Deuteranopia

EDEDE4
8A81D2
4B5050
121435
838D47

Tritanopia

EDE6E7
65D2D2
614744
1B2B27
B04240

Achromatopsia

ECECEC
AFAFAF
3C3C3C
111111
5A5A5A

Shades & Tints Shades & Tints

#EDEEE0

Dark
Light

#5FD1D2

Dark
Light

#651F65

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edeee0;
  --color-2: #5fd1d2;
  --color-3: #651f65;
  --color-4: #1c004b;
  --color-5: #b72c53;
}

SCSS

$color-1: #edeee0;
$color-2: #5fd1d2;
$color-3: #651f65;
$color-4: #1c004b;
$color-5: #b72c53;

TAILWIND

colors: {
  'brand-1': '#edeee0',
  'brand-2': '#5fd1d2',
  'brand-3': '#651f65',
  'brand-4': '#1c004b',
  'brand-5': '#b72c53',
}

RGB Array

[237, 238, 224], [95, 209, 210], [101, 31, 101], [28, 0, 75], [183, 44, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EDEEE0, #5FD1D2, #651F65, #1C004B, #B72C53 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: #edeee0; --color-2: #5fd1d2; --color-3: #651f65; --color-4: #1c004b; --color-5: #b72c53. 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 general-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