← Back to Editor

#D9EB0F · #0076A3 · #105981 · #0E4A65 · #082735

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D9EB0F

Autumn Sage · Yellow · Honey Gold

HEX
#D9EB0F
RGB
rgb(217, 235, 15)
HSL
hsl(65, 88%, 49%)
HSB
hsb(65, 94%, 92%)
CMYK
cmyk(8%, 0%, 94%, 8%)
Oklch
oklch(89.6% 0.202 115.3)

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

#0076A3

Lake Blue · Teal · Mint Ice

HEX
#0076A3
RGB
rgb(0, 118, 163)
HSL
hsl(197, 100%, 32%)
HSB
hsb(197, 100%, 64%)
CMYK
cmyk(100%, 28%, 0%, 36%)
Oklch
oklch(53.3% 0.112 234.0)

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

#105981

Lake Blue · Teal · Prussian Blue

HEX
#105981
RGB
rgb(16, 89, 129)
HSL
hsl(201, 78%, 28%)
HSB
hsb(201, 88%, 51%)
CMYK
cmyk(88%, 31%, 0%, 49%)
Oklch
oklch(44.2% 0.093 239.4)

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

#0E4A65

Lake Blue · DarkSlateGray · Peacock Green

HEX
#0E4A65
RGB
rgb(14, 74, 101)
HSL
hsl(199, 76%, 23%)
HSB
hsb(199, 86%, 40%)
CMYK
cmyk(86%, 27%, 0%, 60%)
Oklch
oklch(38.6% 0.074 233.6)

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

#082735

Lake Blue · DarkSlateGray · Peacock Green

HEX
#082735
RGB
rgb(8, 39, 53)
HSL
hsl(199, 74%, 12%)
HSB
hsb(199, 85%, 21%)
CMYK
cmyk(85%, 26%, 0%, 79%)
Oklch
oklch(25.8% 0.044 231.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9EB0F
210FEB

Analogous

EB8F0F
D9EB0F
6BEB0F

Triadic

D9EB0F
0FD9EB
EB0FD9

Split-Comp.

D9EB0F
0F6BEB
8F0FEB

Tetradic

D9EB0F
0FEB8F
210FEB
EB0F6B

Contrast Matrix WCAG 2.1 Contrast

D9EB0F
0076A3
105981
0E4A65
082735
—
3.8
AA Large
5.7
AA
7.2
AAA
11.7
AAA
3.8
AA Large
—
1.5
Fail
1.9
Fail
3.0
AA Large
5.7
AA
1.5
Fail
—
1.3
Fail
2.0
Fail
7.2
AAA
1.9
Fail
1.3
Fail
—
1.6
Fail
11.7
AAA
3.0
AA Large
2.0
Fail
1.6
Fail
—
White BG
1.3Fail
5.1AA
7.6AAA
9.6AAA
15.5AAA
Black BG
15.8AAA
4.1AA Large
2.8Fail
2.2Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

E1E144
333498
303077
28295E
151632

Deuteranopia

E0DE51
2C2396
2B2675
25205D
141131

Tritanopia

DA6E78
06908E
14706E
115958
0A2F2E

Achromatopsia

CDCDCD
585858
484848
3B3B3B
1F1F1F

Shades & Tints Shades & Tints

#D9EB0F

Dark
Light

#0076A3

Dark
Light

#105981

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9eb0f;
  --color-2: #0076a3;
  --color-3: #105981;
  --color-4: #0e4a65;
  --color-5: #082735;
}

SCSS

$color-1: #d9eb0f;
$color-2: #0076a3;
$color-3: #105981;
$color-4: #0e4a65;
$color-5: #082735;

TAILWIND

colors: {
  'brand-1': '#d9eb0f',
  'brand-2': '#0076a3',
  'brand-3': '#105981',
  'brand-4': '#0e4a65',
  'brand-5': '#082735',
}

RGB Array

[217, 235, 15], [0, 118, 163], [16, 89, 129], [14, 74, 101], [8, 39, 53]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9EB0F, #0076A3, #105981, #0E4A65, #082735 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. 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: #d9eb0f; --color-2: #0076a3; --color-3: #105981; --color-4: #0e4a65; --color-5: #082735. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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