← Back to Editor

#10455B · #E0D9A1 · #F9F7AC · #E2DE85 · #FC7025

dark

A 5-color dark 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

#10455B

Lake Blue · DarkSlateGray · Peacock Green

HEX
#10455B
RGB
rgb(16, 69, 91)
HSL
hsl(198, 70%, 21%)
HSB
hsb(198, 82%, 36%)
CMYK
cmyk(82%, 24%, 0%, 64%)
Oklch
oklch(36.8% 0.065 230.6)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#E0D9A1

Fresh Green · Wheat · Sunflower

HEX
#E0D9A1
RGB
rgb(224, 217, 161)
HSL
hsl(53, 50%, 75%)
HSB
hsb(53, 28%, 88%)
CMYK
cmyk(0%, 3%, 28%, 12%)
Oklch
oklch(87.7% 0.073 101.8)

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

#F9F7AC

Fresh Green · Wheat · Lemon Cream

HEX
#F9F7AC
RGB
rgb(249, 247, 172)
HSL
hsl(58, 87%, 83%)
HSB
hsb(58, 31%, 98%)
CMYK
cmyk(0%, 1%, 31%, 2%)
Oklch
oklch(96.1% 0.095 106.8)

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

#E2DE85

Fresh Green · Khaki · Sunflower

HEX
#E2DE85
RGB
rgb(226, 222, 133)
HSL
hsl(57, 62%, 70%)
HSB
hsb(57, 41%, 89%)
CMYK
cmyk(0%, 2%, 41%, 11%)
Oklch
oklch(88.4% 0.111 106.2)

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

#FC7025

Tangerine · Tomato · Warm Sun

HEX
#FC7025
RGB
rgb(252, 112, 37)
HSL
hsl(21, 97%, 57%)
HSB
hsb(21, 85%, 99%)
CMYK
cmyk(0%, 56%, 85%, 1%)
Oklch
oklch(70.6% 0.189 44.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

10455B
5B2710

Analogous

105B4C
10455B
101F5B

Triadic

10455B
5B1045
455B10

Split-Comp.

10455B
5B101F
5B4C10

Tetradic

10455B
4C105B
5B2710
1F5B10

Contrast Matrix WCAG 2.1 Contrast

10455B
E0D9A1
F9F7AC
E2DE85
FC7025
—
7.2
AAA
9.4
AAA
7.4
AAA
3.7
AA Large
7.2
AAA
—
1.3
Fail
1.0
Fail
2.0
Fail
9.4
AAA
1.3
Fail
—
1.3
Fail
2.5
Fail
7.4
AAA
1.0
Fail
1.3
Fail
—
2.0
Fail
3.7
AA Large
2.0
Fail
2.5
Fail
2.0
Fail
—
White BG
10.4AAA
1.4Fail
1.1Fail
1.4Fail
2.8Fail
Black BG
2.0Fail
14.6AAA
18.9AAA
15.0AAA
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

272756
DDDDAF
F8F8BE
E0E09B
BFBE37

Deuteranopia

242054
DDDEB2
F8F8C3
E1E1A0
C8D23C

Tritanopia

135151
E0B9BC
F9CCD0
E2ACAF
F54549

Achromatopsia

383838
D5D5D5
EFEFEF
D5D5D5
919191

Shades & Tints Shades & Tints

#10455B

Dark
Light

#E0D9A1

Dark
Light

#F9F7AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #10455b;
  --color-2: #e0d9a1;
  --color-3: #f9f7ac;
  --color-4: #e2de85;
  --color-5: #fc7025;
}

SCSS

$color-1: #10455b;
$color-2: #e0d9a1;
$color-3: #f9f7ac;
$color-4: #e2de85;
$color-5: #fc7025;

TAILWIND

colors: {
  'brand-1': '#10455b',
  'brand-2': '#e0d9a1',
  'brand-3': '#f9f7ac',
  'brand-4': '#e2de85',
  'brand-5': '#fc7025',
}

RGB Array

[16, 69, 91], [224, 217, 161], [249, 247, 172], [226, 222, 133], [252, 112, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #10455B, #E0D9A1, #F9F7AC, #E2DE85, #FC7025 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: #10455b; --color-2: #e0d9a1; --color-3: #f9f7ac; --color-4: #e2de85; --color-5: #fc7025. 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 dark-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