← Back to Editor

#090529 · #153448 · #346570 · #84B79F · #F2E4A8

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

#090529

Deep Indigo · Black · Deep Sea Blue

HEX
#090529
RGB
rgb(9, 5, 41)
HSL
hsl(247, 78%, 9%)
HSB
hsb(247, 88%, 16%)
CMYK
cmyk(78%, 88%, 0%, 84%)
Oklch
oklch(15.6% 0.071 280.3)

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

#153448

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX
#153448
RGB
rgb(21, 52, 72)
HSL
hsl(204, 55%, 18%)
HSB
hsb(204, 71%, 28%)
CMYK
cmyk(71%, 28%, 0%, 72%)
Oklch
oklch(31.2% 0.051 239.6)

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

#346570

Slate Blue · DarkSlateGray · Mint Ice

HEX
#346570
RGB
rgb(52, 101, 112)
HSL
hsl(191, 37%, 32%)
HSB
hsb(191, 54%, 44%)
CMYK
cmyk(54%, 10%, 0%, 56%)
Oklch
oklch(47.7% 0.056 214.1)

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

#84B79F

Jade · DarkSeaGreen · Apple Green

HEX
#84B79F
RGB
rgb(132, 183, 159)
HSL
hsl(152, 26%, 62%)
HSB
hsb(152, 28%, 72%)
CMYK
cmyk(28%, 0%, 13%, 28%)
Oklch
oklch(73.7% 0.064 164.1)

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

#F2E4A8

Goose Yellow · Wheat · Lemon Cream

HEX
#F2E4A8
RGB
rgb(242, 228, 168)
HSL
hsl(49, 74%, 80%)
HSB
hsb(49, 31%, 95%)
CMYK
cmyk(0%, 6%, 31%, 5%)
Oklch
oklch(91.6% 0.078 96.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

090529
252905

Analogous

051329
090529
1B0529

Triadic

090529
290905
052909

Split-Comp.

090529
291B05
132905

Tetradic

090529
290513
252905
05291B

Contrast Matrix WCAG 2.1 Contrast

090529
153448
346570
84B79F
F2E4A8
—
1.5
Fail
3.0
AA Large
8.7
AAA
15.4
AAA
1.5
Fail
—
2.0
Fail
5.7
AA
10.2
AAA
3.0
AA Large
2.0
Fail
—
2.9
Fail
5.1
AA
8.7
AAA
5.7
AA
2.9
Fail
—
1.8
Fail
15.4
AAA
10.2
AAA
5.1
AA
1.8
Fail
—
White BG
19.7AAA
13.0AAA
6.5AA
2.3Fail
1.3Fail
Black BG
1.1Fail
1.6Fail
3.2AA Large
9.3AAA
16.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

070720
222343
494A6D
9A9BA5
ECECB7

Deuteranopia

08081E
211E42
46436D
9793A6
EDEEBA

Tritanopia

091918
173F3F
366B6B
87A9AA
F1C2C5

Achromatopsia

0A0A0A
2D2D2D
585858
A5A5A5
E1E1E1

Shades & Tints Shades & Tints

#090529

Dark
Light

#153448

Dark
Light

#346570

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #090529;
  --color-2: #153448;
  --color-3: #346570;
  --color-4: #84b79f;
  --color-5: #f2e4a8;
}

SCSS

$color-1: #090529;
$color-2: #153448;
$color-3: #346570;
$color-4: #84b79f;
$color-5: #f2e4a8;

TAILWIND

colors: {
  'brand-1': '#090529',
  'brand-2': '#153448',
  'brand-3': '#346570',
  'brand-4': '#84b79f',
  'brand-5': '#f2e4a8',
}

RGB Array

[9, 5, 41], [21, 52, 72], [52, 101, 112], [132, 183, 159], [242, 228, 168]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #090529, #153448, #346570, #84B79F, #F2E4A8 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: #090529; --color-2: #153448; --color-3: #346570; --color-4: #84b79f; --color-5: #f2e4a8. 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