← Back to Editor

#111C49 · #043C66 · #045B66 · #1F804F · #32AD32

minimal

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

RestrainedProfessionalPureCool

Industry INDUSTRY

ArchitectureManufacturingSaaS B2B

UI Context UI CONTEXT

Corporate SitePortfolioAdmin Panel

Color Details Color Details

#111C49

Indigo · MidnightBlue · Deep Sea Blue

HEX
#111C49
RGB
rgb(17, 28, 73)
HSL
hsl(228, 62%, 18%)
HSB
hsb(228, 77%, 29%)
CMYK
cmyk(77%, 62%, 0%, 71%)
Oklch
oklch(24.8% 0.085 269.0)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#043C66

Lake Blue · MidnightBlue · Prussian Blue

HEX
#043C66
RGB
rgb(4, 60, 102)
HSL
hsl(206, 92%, 21%)
HSB
hsb(206, 96%, 40%)
CMYK
cmyk(96%, 41%, 0%, 60%)
Oklch
oklch(34.8% 0.090 248.0)

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

#045B66

Lake Blue · Teal · Peacock Green

HEX
#045B66
RGB
rgb(4, 91, 102)
HSL
hsl(187, 92%, 21%)
HSB
hsb(187, 96%, 40%)
CMYK
cmyk(96%, 11%, 0%, 60%)
Oklch
oklch(43.2% 0.073 209.2)

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

#1F804F

Mineral Blue · SeaGreen · Forest Green

HEX
#1F804F
RGB
rgb(31, 128, 79)
HSL
hsl(150, 61%, 31%)
HSB
hsb(150, 76%, 50%)
CMYK
cmyk(76%, 0%, 38%, 50%)
Oklch
oklch(53.3% 0.117 156.0)

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

#32AD32

Pine Green · LimeGreen · Olive Green

HEX
#32AD32
RGB
rgb(50, 173, 50)
HSL
hsl(120, 55%, 44%)
HSB
hsb(120, 71%, 68%)
CMYK
cmyk(71%, 0%, 71%, 32%)
Oklch
oklch(65.7% 0.193 143.0)

Traditional「Pine Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

111C49
4A3F11

Analogous

11394A
111C49
23114A

Triadic

111C49
4A111D
1D4A11

Split-Comp.

111C49
4A2311
394A11

Tetradic

111C49
4A1139
4A3F11
114A23

Contrast Matrix WCAG 2.1 Contrast

111C49
043C66
045B66
1F804F
32AD32
—
1.4
Fail
2.1
Fail
3.3
AA Large
5.6
AA
1.4
Fail
—
1.5
Fail
2.3
Fail
3.9
AA Large
2.1
Fail
1.5
Fail
—
1.6
Fail
2.7
Fail
3.3
AA Large
2.3
Fail
1.6
Fail
—
1.7
Fail
5.6
AA
3.9
AA Large
2.7
Fail
1.7
Fail
—
White BG
16.3AAA
11.4AAA
7.8AAA
4.9AA
2.9Fail
Black BG
1.3Fail
1.8Fail
2.7Fail
4.3AA Large
7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

16163E
1C1D5C
2A2A63
494A5B
676850

Deuteranopia

15143B
191559
251E63
433C5E
605757

Tritanopia

123634
075452
086161
246466
38676C

Achromatopsia

1E1E1E
303030
424242
5D5D5D
7A7A7A

Shades & Tints Shades & Tints

#111C49

Dark
Light

#043C66

Dark
Light

#045B66

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #111c49;
  --color-2: #043c66;
  --color-3: #045b66;
  --color-4: #1f804f;
  --color-5: #32ad32;
}

SCSS

$color-1: #111c49;
$color-2: #043c66;
$color-3: #045b66;
$color-4: #1f804f;
$color-5: #32ad32;

TAILWIND

colors: {
  'brand-1': '#111c49',
  'brand-2': '#043c66',
  'brand-3': '#045b66',
  'brand-4': '#1f804f',
  'brand-5': '#32ad32',
}

RGB Array

[17, 28, 73], [4, 60, 102], [4, 91, 102], [31, 128, 79], [50, 173, 50]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This minimal-style palette of #111C49, #043C66, #045B66, #1F804F, #32AD32 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #111c49; --color-2: #043c66; --color-3: #045b66; --color-4: #1f804f; --color-5: #32ad32. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 minimal-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