#092638 + #2A658A + #B84040 + #6B5357 + #78764B - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#092638

Lake Blue · MidnightBlue · Deep Sea Blue

HEX

#092638

RGB

rgb(9, 38, 56)

HSL

hsl(203, 72%, 13%)

HSB

hsb(203, 84%, 22%)

CMYK

cmyk(84%, 32%, 0%, 78%)

Oklch

oklch(25.7% 0.048 239.9)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#2A658A

Lake Blue · DarkSlateBlue · Prussian Blue

HEX

#2A658A

RGB

rgb(42, 101, 138)

HSL

hsl(203, 53%, 35%)

HSB

hsb(203, 70%, 54%)

CMYK

cmyk(70%, 27%, 0%, 46%)

Oklch

oklch(48.5% 0.085 239.5)

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

#B84040

Crimson · Sienna · Passion Red

HEX

#B84040

RGB

rgb(184, 64, 64)

HSL

hsl(0, 48%, 49%)

HSB

hsb(0, 65%, 72%)

CMYK

cmyk(0%, 65%, 65%, 28%)

Oklch

oklch(54.1% 0.156 23.9)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#6B5357

Crimson · DimGray · Wine Red

HEX

#6B5357

RGB

rgb(107, 83, 87)

HSL

hsl(350, 13%, 37%)

HSB

hsb(350, 22%, 42%)

CMYK

cmyk(0%, 22%, 19%, 58%)

Oklch

oklch(46.8% 0.032 7.2)

Traditional「Crimson」· Paint「Wine Red」· Creative Blush Sunrise

#78764B

Autumn Sage · DimGray · Honey Gold

HEX

#78764B

RGB

rgb(120, 118, 75)

HSL

hsl(57, 23%, 38%)

HSB

hsb(57, 37%, 47%)

CMYK

cmyk(0%, 2%, 37%, 53%)

Oklch

oklch(55.7% 0.061 105.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

092638

391C09

Analogous

093933

092638

090F39

Triadic

092638

390927

273909

Split-Comp.

092638

39090F

393309

Tetradic

092638

330939

391C09

0F3909

Contrast Matrix WCAG 2.1 Contrast

092638	2A658A	B84040	6B5357	78764B
—	2.5 Fail	2.9 Fail	2.2 Fail	3.3 AA Large
2.5 Fail	—	1.2 Fail	1.1 Fail	1.4 Fail
2.9 Fail	1.2 Fail	—	1.3 Fail	1.2 Fail
2.2 Fail	1.1 Fail	1.3 Fail	—	1.5 Fail
3.3 AA Large	1.4 Fail	1.2 Fail	1.5 Fail	—

White BG

15.6AAA

6.3AA

5.5AA

7.0AA

4.7AA

Black BG

1.3Fail

3.3AA Large

3.8AA Large

3.0AA Large

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

161634

444481

848340

616056

777755

Deuteranopia

141233

403C7F

8B9440

626456

777758

Tritanopia

0A302F

2D7A78

B24040

6A5555

785E5F

Achromatopsia

1F1F1F

585858

646464

5B5B5B

727272

Shades & Tints Shades & Tints

#092638

Dark

Light

#2A658A

Dark

Light

#B84040

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #092638;
  --color-2: #2a658a;
  --color-3: #b84040;
  --color-4: #6b5357;
  --color-5: #78764b;
}

SCSS

$color-1: #092638;
$color-2: #2a658a;
$color-3: #b84040;
$color-4: #6b5357;
$color-5: #78764b;

TAILWIND

colors: {
  'brand-1': '#092638',
  'brand-2': '#2a658a',
  'brand-3': '#b84040',
  'brand-4': '#6b5357',
  'brand-5': '#78764b',
}

RGB Array

[9, 38, 56], [42, 101, 138], [184, 64, 64], [107, 83, 87], [120, 118, 75]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #092638, #2A658A, #B84040, #6B5357, #78764B is ideal for: tech websites, dark mode UIs, game UIs. 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: #092638; --color-2: #2a658a; --color-3: #b84040; --color-4: #6b5357; --color-5: #78764b. 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 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