#798071 + #0B6158 + #013B42 + #0E2836 + #100C24 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#798071

Ink Gray · Gray · Warm Gray

HEX

#798071

RGB

rgb(121, 128, 113)

HSL

hsl(88, 6%, 47%)

HSB

hsb(88, 12%, 50%)

CMYK

cmyk(5%, 0%, 12%, 50%)

Oklch

oklch(58.9% 0.024 127.6)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#0B6158

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#0B6158

RGB

rgb(11, 97, 88)

HSL

hsl(174, 80%, 21%)

HSB

hsb(174, 89%, 38%)

CMYK

cmyk(89%, 0%, 9%, 62%)

Oklch

oklch(44.4% 0.076 183.6)

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

#013B42

Lake Blue · DarkSlateGray · Peacock Green

HEX

#013B42

RGB

rgb(1, 59, 66)

HSL

hsl(186, 97%, 13%)

HSB

hsb(186, 98%, 26%)

CMYK

cmyk(98%, 11%, 0%, 74%)

Oklch

oklch(32.2% 0.055 208.0)

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

#0E2836

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX

#0E2836

RGB

rgb(14, 40, 54)

HSL

hsl(201, 59%, 13%)

HSB

hsb(201, 74%, 21%)

CMYK

cmyk(74%, 26%, 0%, 79%)

Oklch

oklch(26.4% 0.041 234.9)

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

#100C24

Deep Indigo · Black · Deep Sea Blue

HEX

#100C24

RGB

rgb(16, 12, 36)

HSL

hsl(250, 50%, 9%)

HSB

hsb(250, 67%, 14%)

CMYK

cmyk(56%, 67%, 0%, 86%)

Oklch

oklch(17.5% 0.048 288.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

798071

77717F

Analogous

7F7F71

798071

717F71

Triadic

798071

71787F

7F7178

Split-Comp.

798071

71717F

7F717F

Tetradic

798071

717F7F

77717F

7F7171

Contrast Matrix WCAG 2.1 Contrast

798071	0B6158	013B42	0E2836	100C24
—	1.8 Fail	3.0 AA Large	3.7 AA Large	4.7 AA
1.8 Fail	—	1.7 Fail	2.1 Fail	2.6 Fail
3.0 AA Large	1.7 Fail	—	1.2 Fail	1.6 Fail
3.7 AA Large	2.1 Fail	1.2 Fail	—	1.3 Fail
4.7 AA	2.6 Fail	1.6 Fail	1.3 Fail	—

White BG

4.1AA Large

7.3AAA

12.3AAA

15.3AAA

19.1AAA

Black BG

5.1AA

2.9Fail

1.7Fail

1.4Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C75

30315A

1A1B40

191933

0E0E1E

Deuteranopia

7C7B76

2B255B

171240

181632

0F0F1D

Tritanopia

797778

0F5C5C

043F3F

0F302F

101A19

Achromatopsia

7C7C7C

464646

2A2A2A

222222

101010

Shades & Tints Shades & Tints

#798071

Dark

Light

#0B6158

Dark

Light

#013B42

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #798071;
  --color-2: #0b6158;
  --color-3: #013b42;
  --color-4: #0e2836;
  --color-5: #100c24;
}

SCSS

$color-1: #798071;
$color-2: #0b6158;
$color-3: #013b42;
$color-4: #0e2836;
$color-5: #100c24;

TAILWIND

colors: {
  'brand-1': '#798071',
  'brand-2': '#0b6158',
  'brand-3': '#013b42',
  'brand-4': '#0e2836',
  'brand-5': '#100c24',
}

RGB Array

[121, 128, 113], [11, 97, 88], [1, 59, 66], [14, 40, 54], [16, 12, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #798071, #0B6158, #013B42, #0E2836, #100C24 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: #798071; --color-2: #0b6158; --color-3: #013b42; --color-4: #0e2836; --color-5: #100c24. 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