#185B63 + #C0261C + #BA460D + #C59538 + #404040 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#185B63

Lake Blue · DarkSlateGray · Peacock Green

HEX

#185B63

RGB

rgb(24, 91, 99)

HSL

hsl(186, 61%, 24%)

HSB

hsb(186, 76%, 39%)

CMYK

cmyk(76%, 8%, 0%, 61%)

Oklch

oklch(43.4% 0.066 206.7)

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

#C0261C

Vermilion · FireBrick · Passion Red

HEX

#C0261C

RGB

rgb(192, 38, 28)

HSL

hsl(4, 75%, 43%)

HSB

hsb(4, 85%, 75%)

CMYK

cmyk(0%, 80%, 85%, 25%)

Oklch

oklch(52.5% 0.191 29.2)

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

#BA460D

Tangerine · FireBrick · Amber Brown

HEX

#BA460D

RGB

rgb(186, 70, 13)

HSL

hsl(20, 87%, 39%)

HSB

hsb(20, 93%, 73%)

CMYK

cmyk(0%, 62%, 93%, 27%)

Oklch

oklch(54.6% 0.161 41.2)

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

#C59538

Ochre · GoldenRod · Honey Gold

HEX

#C59538

RGB

rgb(197, 149, 56)

HSL

hsl(40, 56%, 50%)

HSB

hsb(40, 72%, 77%)

CMYK

cmyk(0%, 24%, 72%, 23%)

Oklch

oklch(69.9% 0.122 80.6)

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

#404040

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#404040

RGB

rgb(64, 64, 64)

HSL

hsl(0, 0%, 25%)

HSB

hsb(0, 0%, 25%)

CMYK

cmyk(0%, 0%, 0%, 75%)

Oklch

oklch(37.1% 0.000 89.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

185B63

631F18

Analogous

186345

185B63

183663

Triadic

185B63

63185B

5B6318

Split-Comp.

185B63

631836

634518

Tetradic

185B63

451863

631F18

366318

Contrast Matrix WCAG 2.1 Contrast

185B63	C0261C	BA460D	C59538	404040
—	1.3 Fail	1.5 Fail	2.8 Fail	1.3 Fail
1.3 Fail	—	1.1 Fail	2.2 Fail	1.7 Fail
1.5 Fail	1.1 Fail	—	1.9 Fail	2.0 Fail
2.8 Fail	2.2 Fail	1.9 Fail	—	3.8 AA Large
1.3 Fail	1.7 Fail	2.0 Fail	3.8 AA Large	—

White BG

7.7AAA

5.9AA

5.3AA

2.7Fail

10.4AAA

Black BG

2.7Fail

3.5AA Large

4.0AA Large

7.7AAA

2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

353661

7D7C1E

88871B

B0B04F

404040

Deuteranopia

312C61

86921F

8F971E

B3B754

404040

Tritanopia

1B605F

B82021

B42628

C36064

404040

Achromatopsia

484848

535353

626262

999999

404040

Shades & Tints Shades & Tints

#185B63

Dark

Light

#C0261C

Dark

Light

#BA460D

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #185b63;
  --color-2: #c0261c;
  --color-3: #ba460d;
  --color-4: #c59538;
  --color-5: #404040;
}

SCSS

$color-1: #185b63;
$color-2: #c0261c;
$color-3: #ba460d;
$color-4: #c59538;
$color-5: #404040;

TAILWIND

colors: {
  'brand-1': '#185b63',
  'brand-2': '#c0261c',
  'brand-3': '#ba460d',
  'brand-4': '#c59538',
  'brand-5': '#404040',
}

RGB Array

[24, 91, 99], [192, 38, 28], [186, 70, 13], [197, 149, 56], [64, 64, 64]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #185B63, #C0261C, #BA460D, #C59538, #404040 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: #185b63; --color-2: #c0261c; --color-3: #ba460d; --color-4: #c59538; --color-5: #404040. 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