← Back to Editor

#105247 · #728738 · #0E3630 · #888C14 · #C3C910

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

#105247

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#105247
RGB
rgb(16, 82, 71)
HSL
hsl(170, 67%, 19%)
HSB
hsb(170, 80%, 32%)
CMYK
cmyk(80%, 0%, 13%, 68%)
Oklch
oklch(39.6% 0.066 178.7)

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

#728738

Grass Green · DarkOliveGreen · Forest Green

HEX
#728738
RGB
rgb(114, 135, 56)
HSL
hsl(76, 41%, 37%)
HSB
hsb(76, 59%, 53%)
CMYK
cmyk(16%, 0%, 59%, 47%)
Oklch
oklch(58.9% 0.108 122.2)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#0E3630

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0E3630
RGB
rgb(14, 54, 48)
HSL
hsl(171, 59%, 13%)
HSB
hsb(171, 74%, 21%)
CMYK
cmyk(74%, 0%, 11%, 79%)
Oklch
oklch(30.3% 0.045 181.4)

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

#888C14

Autumn Sage · Olive · Honey Gold

HEX
#888C14
RGB
rgb(136, 140, 20)
HSL
hsl(62, 75%, 31%)
HSB
hsb(62, 86%, 55%)
CMYK
cmyk(3%, 0%, 86%, 45%)
Oklch
oklch(61.7% 0.131 111.8)

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

#C3C910

Autumn Sage · GoldenRod · Honey Gold

HEX
#C3C910
RGB
rgb(195, 201, 16)
HSL
hsl(62, 85%, 43%)
HSB
hsb(62, 92%, 79%)
CMYK
cmyk(3%, 0%, 92%, 21%)
Oklch
oklch(80.4% 0.176 111.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

105247
51101B

Analogous

105126
105247
103B51

Triadic

105247
461051
514610

Split-Comp.

105247
51103B
512610

Tetradic

105247
261051
51101B
3B5110

Contrast Matrix WCAG 2.1 Contrast

105247
728738
0E3630
888C14
C3C910
—
2.3
Fail
1.5
Fail
2.5
Fail
5.0
AA
2.3
Fail
—
3.3
AA Large
1.1
Fail
2.2
Fail
1.5
Fail
3.3
AA Large
—
3.7
AA Large
7.4
AAA
2.5
Fail
1.1
Fail
3.7
AA Large
—
2.0
Fail
5.0
AA
2.2
Fail
7.4
AAA
2.0
Fail
—
White BG
9.1AAA
4.0AA Large
13.2AAA
3.6AA Large
1.8Fail
Black BG
2.3Fail
5.2AA
1.6Fail
5.8AA
11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2D4A
7B7B4B
1F2031
8A8A31
C6C63D

Deuteranopia

29244A
7A7850
1D1A32
8A8938
C5C548

Tritanopia

134C4C
735A5E
103333
88484D
C36068

Achromatopsia

3D3D3D
787878
292929
7D7D7D
B2B2B2

Shades & Tints Shades & Tints

#105247

Dark
Light

#728738

Dark
Light

#0E3630

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #105247;
  --color-2: #728738;
  --color-3: #0e3630;
  --color-4: #888c14;
  --color-5: #c3c910;
}

SCSS

$color-1: #105247;
$color-2: #728738;
$color-3: #0e3630;
$color-4: #888c14;
$color-5: #c3c910;

TAILWIND

colors: {
  'brand-1': '#105247',
  'brand-2': '#728738',
  'brand-3': '#0e3630',
  'brand-4': '#888c14',
  'brand-5': '#c3c910',
}

RGB Array

[16, 82, 71], [114, 135, 56], [14, 54, 48], [136, 140, 20], [195, 201, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #105247, #728738, #0E3630, #888C14, #C3C910 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: #105247; --color-2: #728738; --color-3: #0e3630; --color-4: #888c14; --color-5: #c3c910. 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