← Back to Editor

#0A2328 · #415F61 · #B28E42 · #EFE399 · #90631F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#0A2328

Lake Blue · Black · Peacock Green

HEX
#0A2328
RGB
rgb(10, 35, 40)
HSL
hsl(190, 60%, 10%)
HSB
hsb(190, 75%, 16%)
CMYK
cmyk(75%, 13%, 0%, 84%)
Oklch
oklch(23.9% 0.032 212.8)

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

#415F61

Slate Blue · DarkSlateGray · Mint Ice

HEX
#415F61
RGB
rgb(65, 95, 97)
HSL
hsl(184, 20%, 32%)
HSB
hsb(184, 33%, 38%)
CMYK
cmyk(33%, 2%, 0%, 62%)
Oklch
oklch(46.3% 0.035 201.2)

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

#B28E42

Ochre · DarkGoldenRod · Honey Gold

HEX
#B28E42
RGB
rgb(178, 142, 66)
HSL
hsl(41, 46%, 48%)
HSB
hsb(41, 63%, 70%)
CMYK
cmyk(0%, 20%, 63%, 30%)
Oklch
oklch(66.5% 0.104 83.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#EFE399

Fresh Green · Khaki · Lemon Cream

HEX
#EFE399
RGB
rgb(239, 227, 153)
HSL
hsl(52, 73%, 77%)
HSB
hsb(52, 36%, 94%)
CMYK
cmyk(0%, 5%, 36%, 6%)
Oklch
oklch(90.9% 0.094 100.1)

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

#90631F

Ochre · Sienna · Amber Brown

HEX
#90631F
RGB
rgb(144, 99, 31)
HSL
hsl(36, 65%, 34%)
HSB
hsb(36, 78%, 56%)
CMYK
cmyk(0%, 31%, 78%, 44%)
Oklch
oklch(53.5% 0.100 73.1)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0A2328
290F0A

Analogous

0A291F
0A2328
0A1429

Triadic

0A2328
290A24
24290A

Split-Comp.

0A2328
290A14
291F0A

Tetradic

0A2328
1F0A29
290F0A
14290A

Contrast Matrix WCAG 2.1 Contrast

0A2328
415F61
B28E42
EFE399
90631F
—
2.4
Fail
5.3
AA
12.6
AAA
3.1
AA Large
2.4
Fail
—
2.3
Fail
5.3
AA
1.3
Fail
5.3
AA
2.3
Fail
—
2.4
Fail
1.7
Fail
12.6
AAA
5.3
AA
2.4
Fail
—
4.0
AA Large
3.1
AA Large
1.3
Fail
1.7
Fail
4.0
AA Large
—
White BG
16.4AAA
6.9AA
3.1AA Large
1.3Fail
5.3AA
Black BG
1.3Fail
3.0AA Large
6.8AA
16.1AAA
4.0AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

151527
4E4E61
A2A254
EAEAAB
7D7C2F

Deuteranopia

131227
4C4A60
A5A759
EBEBAF
7F8333

Tritanopia

0B2626
436060
B06366
EEB9BC
8E3C3F

Achromatopsia

1C1C1C
565656
909090
DEDEDE
696969

Shades & Tints Shades & Tints

#0A2328

Dark
Light

#415F61

Dark
Light

#B28E42

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0a2328;
  --color-2: #415f61;
  --color-3: #b28e42;
  --color-4: #efe399;
  --color-5: #90631f;
}

SCSS

$color-1: #0a2328;
$color-2: #415f61;
$color-3: #b28e42;
$color-4: #efe399;
$color-5: #90631f;

TAILWIND

colors: {
  'brand-1': '#0a2328',
  'brand-2': '#415f61',
  'brand-3': '#b28e42',
  'brand-4': '#efe399',
  'brand-5': '#90631f',
}

RGB Array

[10, 35, 40], [65, 95, 97], [178, 142, 66], [239, 227, 153], [144, 99, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0A2328, #415F61, #B28E42, #EFE399, #90631F is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #0a2328; --color-2: #415f61; --color-3: #b28e42; --color-4: #efe399; --color-5: #90631f. 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 tech, SaaS, healthcare, eco industries. 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