← Back to Editor

#444C61 · #5FB693 · #AEE37B · #E3F180 · #EAF8DE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#444C61

Indigo · DarkSlateGray · Prussian Blue

HEX
#444C61
RGB
rgb(68, 76, 97)
HSL
hsl(223, 18%, 32%)
HSB
hsb(223, 30%, 38%)
CMYK
cmyk(30%, 22%, 0%, 62%)
Oklch
oklch(41.8% 0.037 268.5)

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

#5FB693

Mineral Blue · CadetBlue · Olive Green

HEX
#5FB693
RGB
rgb(95, 182, 147)
HSL
hsl(156, 37%, 54%)
HSB
hsb(156, 48%, 71%)
CMYK
cmyk(48%, 0%, 19%, 29%)
Oklch
oklch(71.2% 0.100 165.4)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#AEE37B

Emerald · LightGreen · Apple Green

HEX
#AEE37B
RGB
rgb(174, 227, 123)
HSL
hsl(91, 65%, 69%)
HSB
hsb(91, 46%, 89%)
CMYK
cmyk(23%, 0%, 46%, 11%)
Oklch
oklch(85.6% 0.145 131.0)

Traditional「Emerald」· Paint「Apple Green」· Creative Mint Breeze

#E3F180

Fresh Green · Khaki · Sunflower

HEX
#E3F180
RGB
rgb(227, 241, 128)
HSL
hsl(67, 80%, 72%)
HSB
hsb(67, 47%, 95%)
CMYK
cmyk(6%, 0%, 47%, 5%)
Oklch
oklch(92.4% 0.139 115.0)

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

#EAF8DE

Emerald · Beige · Mint Green

HEX
#EAF8DE
RGB
rgb(234, 248, 222)
HSL
hsl(92, 65%, 92%)
HSB
hsb(92, 10%, 97%)
CMYK
cmyk(6%, 0%, 10%, 3%)
Oklch
oklch(96.2% 0.037 130.4)

Traditional「Emerald」· Paint「Mint Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

444C61
605843

Analogous

435A60
444C61
494360

Triadic

444C61
60434B
4B6043

Split-Comp.

444C61
604943
5A6043

Tetradic

444C61
60435A
605843
436049

Contrast Matrix WCAG 2.1 Contrast

444C61
5FB693
AEE37B
E3F180
EAF8DE
—
3.5
AA Large
5.7
AA
7.0
AA
7.7
AAA
3.5
AA Large
—
1.6
Fail
2.0
Fail
2.2
Fail
5.7
AA
1.6
Fail
—
1.2
Fail
1.3
Fail
7.0
AA
2.0
Fail
1.2
Fail
—
1.1
Fail
7.7
AAA
2.2
Fail
1.3
Fail
1.1
Fail
—
White BG
8.6AAA
2.4Fail
1.5Fail
1.2Fail
1.1Fail
Black BG
2.5Fail
8.6AAA
14.1AAA
17.2AAA
19.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

47485C
85859B
C5C594
E9E99B
F0F0E4

Deuteranopia

47465B
80799E
C2BE9A
E8E7A2
EFEEE6

Tritanopia

445857
63A2A4
B1A8AC
E4B1B6
EBE9EA

Achromatopsia

4C4C4C
989898
C7C7C7
E0E0E0
F1F1F1

Shades & Tints Shades & Tints

#444C61

Dark
Light

#5FB693

Dark
Light

#AEE37B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #444c61;
  --color-2: #5fb693;
  --color-3: #aee37b;
  --color-4: #e3f180;
  --color-5: #eaf8de;
}

SCSS

$color-1: #444c61;
$color-2: #5fb693;
$color-3: #aee37b;
$color-4: #e3f180;
$color-5: #eaf8de;

TAILWIND

colors: {
  'brand-1': '#444c61',
  'brand-2': '#5fb693',
  'brand-3': '#aee37b',
  'brand-4': '#e3f180',
  'brand-5': '#eaf8de',
}

RGB Array

[68, 76, 97], [95, 182, 147], [174, 227, 123], [227, 241, 128], [234, 248, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #444C61, #5FB693, #AEE37B, #E3F180, #EAF8DE 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: #444c61; --color-2: #5fb693; --color-3: #aee37b; --color-4: #e3f180; --color-5: #eaf8de. 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