← Back to Editor

#042140 · #00A6FF · #FFFFFF · #DBD000 · #FFF64F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#042140

Indigo · MidnightBlue · Deep Sea Blue

HEX
#042140
RGB
rgb(4, 33, 64)
HSL
hsl(211, 88%, 13%)
HSB
hsb(211, 94%, 25%)
CMYK
cmyk(94%, 48%, 0%, 75%)
Oklch
oklch(24.6% 0.068 253.0)

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

#00A6FF

Lake Blue · DeepSkyBlue · Navy Blue

HEX
#00A6FF
RGB
rgb(0, 166, 255)
HSL
hsl(201, 100%, 50%)
HSB
hsb(201, 100%, 100%)
CMYK
cmyk(100%, 35%, 0%, 0%)
Oklch
oklch(69.8% 0.171 243.8)

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

#FFFFFF

Moonlight White · White · Cloud White

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
HSB
hsb(0, 0%, 100%)
CMYK
cmyk(0%, 0%, 0%, 0%)
Oklch
oklch(100.0% 0.000 89.9)

Traditional「Moonlight White」· Paint「Cloud White」· Creative Morning Mist

#DBD000

Autumn Sage · Gold · Honey Gold

HEX
#DBD000
RGB
rgb(219, 208, 0)
HSL
hsl(57, 100%, 43%)
HSB
hsb(57, 100%, 86%)
CMYK
cmyk(0%, 5%, 100%, 14%)
Oklch
oklch(84.0% 0.179 105.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FFF64F

Fresh Green · Khaki · Sunflower

HEX
#FFF64F
RGB
rgb(255, 246, 79)
HSL
hsl(57, 100%, 65%)
HSB
hsb(57, 69%, 100%)
CMYK
cmyk(0%, 4%, 69%, 0%)
Oklch
oklch(95.2% 0.179 106.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

042140
3E2204

Analogous

043D3E
042140
05043E

Triadic

042140
3E0420
203E04

Split-Comp.

042140
3E0504
3D3E04

Tetradic

042140
3E043D
3E2204
043E05

Contrast Matrix WCAG 2.1 Contrast

042140
00A6FF
FFFFFF
DBD000
FFF64F
—
6.1
AA
16.2
AAA
10.1
AAA
14.3
AAA
6.1
AA
—
2.7
Fail
1.7
Fail
2.3
Fail
16.2
AAA
2.7
Fail
—
1.6
Fail
1.1
Fail
10.1
AAA
1.7
Fail
1.6
Fail
—
1.4
Fail
14.3
AAA
2.3
Fail
1.1
Fail
1.4
Fail
—
White BG
16.2AAA
2.7Fail
1.0Fail
1.6Fail
1.1Fail
Black BG
1.3Fail
7.9AAA
21.0AAA
13.0AAA
18.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111138
4849E9
FFFFFF
D6D632
FBFB77

Deuteranopia

0F0D37
3E32E4
FFFFFF
D7D83E
FCFC81

Tritanopia

053331
08D8D5
FFFFFF
DA5A63
FF979E

Achromatopsia

1C1C1C
7F7F7F
FFFFFF
BCBCBC
E6E6E6

Shades & Tints Shades & Tints

#042140

Dark
Light

#00A6FF

Dark
Light

#FFFFFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #042140;
  --color-2: #00a6ff;
  --color-3: #ffffff;
  --color-4: #dbd000;
  --color-5: #fff64f;
}

SCSS

$color-1: #042140;
$color-2: #00a6ff;
$color-3: #ffffff;
$color-4: #dbd000;
$color-5: #fff64f;

TAILWIND

colors: {
  'brand-1': '#042140',
  'brand-2': '#00a6ff',
  'brand-3': '#ffffff',
  'brand-4': '#dbd000',
  'brand-5': '#fff64f',
}

RGB Array

[4, 33, 64], [0, 166, 255], [255, 255, 255], [219, 208, 0], [255, 246, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #042140, #00A6FF, #FFFFFF, #DBD000, #FFF64F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #042140; --color-2: #00a6ff; --color-3: #ffffff; --color-4: #dbd000; --color-5: #fff64f. 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 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