← Back to Editor

#1E2446 · #1B617A · #6AD09F · #D4E1A0 · #F1DDB3

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

#1E2446

Indigo · MidnightBlue · Deep Sea Blue

HEX
#1E2446
RGB
rgb(30, 36, 70)
HSL
hsl(231, 40%, 20%)
HSB
hsb(231, 57%, 27%)
CMYK
cmyk(57%, 49%, 0%, 73%)
Oklch
oklch(27.4% 0.063 273.9)

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

#1B617A

Lake Blue · Teal · Mint Ice

HEX
#1B617A
RGB
rgb(27, 97, 122)
HSL
hsl(196, 64%, 29%)
HSB
hsb(196, 78%, 48%)
CMYK
cmyk(78%, 20%, 0%, 52%)
Oklch
oklch(46.2% 0.078 226.5)

Traditional「Lake Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#6AD09F

Jade · MediumAquaMarine · Apple Green

HEX
#6AD09F
RGB
rgb(106, 208, 159)
HSL
hsl(151, 52%, 62%)
HSB
hsb(151, 49%, 82%)
CMYK
cmyk(49%, 0%, 24%, 18%)
Oklch
oklch(78.3% 0.120 160.9)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#D4E1A0

Willow Green · Khaki · Apple Green

HEX
#D4E1A0
RGB
rgb(212, 225, 160)
HSL
hsl(72, 52%, 75%)
HSB
hsb(72, 29%, 88%)
CMYK
cmyk(6%, 0%, 29%, 12%)
Oklch
oklch(88.4% 0.086 117.4)

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

#F1DDB3

Goose Yellow · Wheat · Lemon Cream

HEX
#F1DDB3
RGB
rgb(241, 221, 179)
HSL
hsl(41, 69%, 82%)
HSB
hsb(41, 26%, 95%)
CMYK
cmyk(0%, 8%, 26%, 5%)
Oklch
oklch(90.3% 0.059 85.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1E2446
47411F

Analogous

1F3947
1E2446
2D1F47

Triadic

1E2446
471F25
25471F

Split-Comp.

1E2446
472D1F
39471F

Tetradic

1E2446
471F39
47411F
1F472D

Contrast Matrix WCAG 2.1 Contrast

1E2446
1B617A
6AD09F
D4E1A0
F1DDB3
—
2.2
Fail
8.0
AAA
10.8
AAA
11.3
AAA
2.2
Fail
—
3.7
AA Large
5.0
AA
5.2
AA
8.0
AAA
3.7
AA Large
—
1.4
Fail
1.4
Fail
10.8
AAA
5.0
AA
1.4
Fail
—
1.0
Fail
11.3
AAA
5.2
AA
1.4
Fail
1.0
Fail
—
White BG
15.0AAA
6.9AA
1.9Fail
1.4Fail
1.3Fail
Black BG
1.4Fail
3.0AA Large
11.1AAA
15.1AAA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

21213E
393A74
9697AB
DADAB0
E8E8BD

Deuteranopia

20203C
353072
9089AE
D9D8B4
EAEBC0

Tritanopia

1E3736
1F6F6E
6FB4B6
D5BCBF
F0C5C7

Achromatopsia

262626
4F4F4F
ACACAC
D6D6D6
DEDEDE

Shades & Tints Shades & Tints

#1E2446

Dark
Light

#1B617A

Dark
Light

#6AD09F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1e2446;
  --color-2: #1b617a;
  --color-3: #6ad09f;
  --color-4: #d4e1a0;
  --color-5: #f1ddb3;
}

SCSS

$color-1: #1e2446;
$color-2: #1b617a;
$color-3: #6ad09f;
$color-4: #d4e1a0;
$color-5: #f1ddb3;

TAILWIND

colors: {
  'brand-1': '#1e2446',
  'brand-2': '#1b617a',
  'brand-3': '#6ad09f',
  'brand-4': '#d4e1a0',
  'brand-5': '#f1ddb3',
}

RGB Array

[30, 36, 70], [27, 97, 122], [106, 208, 159], [212, 225, 160], [241, 221, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1E2446, #1B617A, #6AD09F, #D4E1A0, #F1DDB3 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: #1e2446; --color-2: #1b617a; --color-3: #6ad09f; --color-4: #d4e1a0; --color-5: #f1ddb3. 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