← Back to Editor

#0008FF · #DAE817 · #FF6E61 · #FF266B · #100112

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

#0008FF

Indigo · Blue · Navy Blue

HEX
#0008FF
RGB
rgb(0, 8, 255)
HSL
hsl(238, 100%, 50%)
HSB
hsb(238, 100%, 100%)
CMYK
cmyk(100%, 97%, 0%, 0%)
Oklch
oklch(45.5% 0.311 264.1)

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

#DAE817

Autumn Sage · Gold · Honey Gold

HEX
#DAE817
RGB
rgb(218, 232, 23)
HSL
hsl(64, 82%, 50%)
HSB
hsb(64, 90%, 91%)
CMYK
cmyk(6%, 0%, 90%, 9%)
Oklch
oklch(89.0% 0.197 114.1)

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

#FF6E61

Peach Pink · Coral · Coral Red

HEX
#FF6E61
RGB
rgb(255, 110, 97)
HSL
hsl(5, 100%, 69%)
HSB
hsb(5, 62%, 100%)
CMYK
cmyk(0%, 57%, 62%, 0%)
Oklch
oklch(71.4% 0.180 27.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FF266B

Dark Violet · DeepPink · Rose Pink

HEX
#FF266B
RGB
rgb(255, 38, 107)
HSL
hsl(341, 100%, 57%)
HSB
hsb(341, 85%, 100%)
CMYK
cmyk(0%, 85%, 58%, 0%)
Oklch
oklch(65.0% 0.244 10.6)

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

#100112

Royal Purple · Black · Dark Purple

HEX
#100112
RGB
rgb(16, 1, 18)
HSL
hsl(293, 89%, 4%)
HSB
hsb(293, 94%, 7%)
CMYK
cmyk(11%, 94%, 0%, 93%)
Oklch
oklch(12.8% 0.052 324.1)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0008FF
FFF700

Analogous

0088FF
0008FF
7700FF

Triadic

0008FF
FF0008
09FF00

Split-Comp.

0008FF
FF7700
88FF00

Tetradic

0008FF
FF0088
FFF700
00FF77

Contrast Matrix WCAG 2.1 Contrast

0008FF
DAE817
FF6E61
FF266B
100112
—
6.3
AA
3.1
AA Large
2.3
Fail
2.4
Fail
6.3
AA
—
2.0
Fail
2.7
Fail
15.0
AAA
3.1
AA Large
2.0
Fail
—
1.3
Fail
7.4
AAA
2.3
Fail
2.7
Fail
1.3
Fail
—
5.5
AA
2.4
Fail
15.0
AAA
7.4
AAA
5.5
AA
—
White BG
8.5AAA
1.4Fail
2.7Fail
3.7AA Large
20.3AAA
Black BG
2.5Fail
15.5AAA
7.7AAA
5.7AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0304C3
E0E04A
C0BF64
A19F5A
0A090E

Deuteranopia

0302B5
DFDE56
C9D465
AEBE56
0A0C0D

Tritanopia

00948A
DB717A
F86767
F44D4A
0F0B0A

Achromatopsia

222222
CCCCCC
989898
6F6F6F
070707

Shades & Tints Shades & Tints

#0008FF

Dark
Light

#DAE817

Dark
Light

#FF6E61

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0008ff;
  --color-2: #dae817;
  --color-3: #ff6e61;
  --color-4: #ff266b;
  --color-5: #100112;
}

SCSS

$color-1: #0008ff;
$color-2: #dae817;
$color-3: #ff6e61;
$color-4: #ff266b;
$color-5: #100112;

TAILWIND

colors: {
  'brand-1': '#0008ff',
  'brand-2': '#dae817',
  'brand-3': '#ff6e61',
  'brand-4': '#ff266b',
  'brand-5': '#100112',
}

RGB Array

[0, 8, 255], [218, 232, 23], [255, 110, 97], [255, 38, 107], [16, 1, 18]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0008FF, #DAE817, #FF6E61, #FF266B, #100112 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: #0008ff; --color-2: #dae817; --color-3: #ff6e61; --color-4: #ff266b; --color-5: #100112. 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