← Back to Editor

#0B4D48 · #127568 · #9A9E16 · #D6C22D · #49341B

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 App

Color Details Color Details

#0B4D48

Mineral Blue · DarkSlateGray · Peacock Green

HEX
#0B4D48
RGB
rgb(11, 77, 72)
HSL
hsl(175, 75%, 17%)
HSB
hsb(175, 86%, 30%)
CMYK
cmyk(86%, 0%, 6%, 70%)
Oklch
oklch(38.1% 0.062 187.0)

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

#127568

Mineral Blue · Teal · Mint Ice

HEX
#127568
RGB
rgb(18, 117, 104)
HSL
hsl(172, 73%, 26%)
HSB
hsb(172, 85%, 46%)
CMYK
cmyk(85%, 0%, 11%, 54%)
Oklch
oklch(50.7% 0.087 181.2)

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

#9A9E16

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#9A9E16
RGB
rgb(154, 158, 22)
HSL
hsl(62, 76%, 35%)
HSB
hsb(62, 86%, 62%)
CMYK
cmyk(3%, 0%, 86%, 38%)
Oklch
oklch(67.4% 0.143 111.5)

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

#D6C22D

Autumn Sage · GoldenRod · Sunflower

HEX
#D6C22D
RGB
rgb(214, 194, 45)
HSL
hsl(53, 67%, 51%)
HSB
hsb(53, 79%, 84%)
CMYK
cmyk(0%, 9%, 79%, 16%)
Oklch
oklch(80.7% 0.157 101.1)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#49341B

Ochre · DarkOliveGreen · Cinnamon

HEX
#49341B
RGB
rgb(73, 52, 27)
HSL
hsl(33, 46%, 20%)
HSB
hsb(33, 63%, 29%)
CMYK
cmyk(0%, 29%, 63%, 71%)
Oklch
oklch(34.3% 0.049 69.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0B4D48
4C0B10

Analogous

0B4C26
0B4D48
0B314C

Triadic

0B4D48
460B4C
4C460B

Split-Comp.

0B4D48
4C0B31
4C260B

Tetradic

0B4D48
260B4C
4C0B10
314C0B

Contrast Matrix WCAG 2.1 Contrast

0B4D48
127568
9A9E16
D6C22D
49341B
—
1.7
Fail
3.4
AA Large
5.4
AA
1.2
Fail
1.7
Fail
—
1.9
Fail
3.1
AA Large
2.1
Fail
3.4
AA Large
1.9
Fail
—
1.6
Fail
4.1
AA Large
5.4
AA
3.1
AA Large
1.6
Fail
—
6.5
AA
1.2
Fail
2.1
Fail
4.1
AA Large
6.5
AA
—
White BG
9.7AAA
5.6AA
2.9Fail
1.8Fail
11.7AAA
Black BG
2.2Fail
3.8AA Large
7.3AAA
11.6AAA
1.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

282849
3D3E6B
9C9C37
CDCD51
404021

Deuteranopia

241F4A
37306C
9C9B3F
CFD05A
414323

Tritanopia

0E4A4A
176E6E
9A5157
D56E74
482627

Achromatopsia

393939
565656
8D8D8D
B7B7B7
373737

Shades & Tints Shades & Tints

#0B4D48

Dark
Light

#127568

Dark
Light

#9A9E16

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0b4d48;
  --color-2: #127568;
  --color-3: #9a9e16;
  --color-4: #d6c22d;
  --color-5: #49341b;
}

SCSS

$color-1: #0b4d48;
$color-2: #127568;
$color-3: #9a9e16;
$color-4: #d6c22d;
$color-5: #49341b;

TAILWIND

colors: {
  'brand-1': '#0b4d48',
  'brand-2': '#127568',
  'brand-3': '#9a9e16',
  'brand-4': '#d6c22d',
  'brand-5': '#49341b',
}

RGB Array

[11, 77, 72], [18, 117, 104], [154, 158, 22], [214, 194, 45], [73, 52, 27]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0B4D48, #127568, #9A9E16, #D6C22D, #49341B 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: #0b4d48; --color-2: #127568; --color-3: #9a9e16; --color-4: #d6c22d; --color-5: #49341b. 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