← Back to Editor

#419069 · #709463 · #E4DBEA · #DEA35E · #F61760

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#419069

Mineral Blue · SeaGreen · Olive Green

HEX
#419069
RGB
rgb(65, 144, 105)
HSL
hsl(150, 38%, 41%)
HSB
hsb(150, 55%, 56%)
CMYK
cmyk(55%, 0%, 27%, 44%)
Oklch
oklch(59.3% 0.099 159.6)

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

#709463

Celadon · Gray · Olive Green

HEX
#709463
RGB
rgb(112, 148, 99)
HSL
hsl(104, 20%, 48%)
HSB
hsb(104, 33%, 58%)
CMYK
cmyk(24%, 0%, 33%, 42%)
Oklch
oklch(62.7% 0.082 137.6)

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

#E4DBEA

Lilac · Lavender · Lavender

HEX
#E4DBEA
RGB
rgb(228, 219, 234)
HSL
hsl(276, 26%, 89%)
HSB
hsb(276, 6%, 92%)
CMYK
cmyk(3%, 6%, 0%, 8%)
Oklch
oklch(90.3% 0.022 312.2)

Traditional「Lilac」· Paint「Lavender」· Creative Lavender Dream

#DEA35E

Ginger · SandyBrown · Warm Sun

HEX
#DEA35E
RGB
rgb(222, 163, 94)
HSL
hsl(32, 66%, 62%)
HSB
hsb(32, 58%, 87%)
CMYK
cmyk(0%, 27%, 58%, 13%)
Oklch
oklch(75.7% 0.111 69.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F61760

Dark Violet · Crimson · Rose Pink

HEX
#F61760
RGB
rgb(246, 23, 96)
HSL
hsl(340, 93%, 53%)
HSB
hsb(340, 91%, 96%)
CMYK
cmyk(0%, 91%, 61%, 4%)
Oklch
oklch(62.6% 0.242 12.0)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

419069
904169

Analogous

419041
419069
419090

Triadic

419069
694190
906941

Split-Comp.

419069
904190
904141

Tetradic

419069
414190
904169
909041

Contrast Matrix WCAG 2.1 Contrast

419069
709463
E4DBEA
DEA35E
F61760
—
1.1
Fail
2.9
Fail
1.8
Fail
1.0
Fail
1.1
Fail
—
2.6
Fail
1.6
Fail
1.2
Fail
2.9
Fail
2.6
Fail
—
1.6
Fail
3.0
Fail
1.8
Fail
1.6
Fail
1.6
Fail
—
1.8
Fail
1.0
Fail
1.2
Fail
3.0
Fail
1.8
Fail
—
White BG
3.9AA Large
3.4AA Large
1.3Fail
2.2Fail
4.0AA Large
Black BG
5.4AA
6.1AA
15.6AAA
9.5AAA
5.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

636472
80806F
E0E0E6
C4C46F
95934E

Deuteranopia

5F5975
7E7B72
E1E1E6
C8CC73
A2B34A

Tritanopia

457A7C
72787A
E4E4E3
DB7C7F
EB403D

Achromatopsia

747474
848484
DFDFDF
ADADAD
626262

Shades & Tints Shades & Tints

#419069

Dark
Light

#709463

Dark
Light

#E4DBEA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #419069;
  --color-2: #709463;
  --color-3: #e4dbea;
  --color-4: #dea35e;
  --color-5: #f61760;
}

SCSS

$color-1: #419069;
$color-2: #709463;
$color-3: #e4dbea;
$color-4: #dea35e;
$color-5: #f61760;

TAILWIND

colors: {
  'brand-1': '#419069',
  'brand-2': '#709463',
  'brand-3': '#e4dbea',
  'brand-4': '#dea35e',
  'brand-5': '#f61760',
}

RGB Array

[65, 144, 105], [112, 148, 99], [228, 219, 234], [222, 163, 94], [246, 23, 96]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #419069, #709463, #E4DBEA, #DEA35E, #F61760 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: #419069; --color-2: #709463; --color-3: #e4dbea; --color-4: #dea35e; --color-5: #f61760. 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