#249171 + #6D7855 + #B66F2B + #EB5E00 + #3A3151 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#249171

Mineral Blue · SeaGreen · Mint Ice

HEX

#249171

RGB

rgb(36, 145, 113)

HSL

hsl(162, 60%, 35%)

HSB

hsb(162, 75%, 57%)

CMYK

cmyk(75%, 0%, 22%, 43%)

Oklch

oklch(58.9% 0.108 168.5)

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

#6D7855

Grass Green · DimGray · Forest Green

HEX

#6D7855

RGB

rgb(109, 120, 85)

HSL

hsl(79, 17%, 40%)

HSB

hsb(79, 29%, 47%)

CMYK

cmyk(9%, 0%, 29%, 53%)

Oklch

oklch(55.4% 0.053 122.3)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#B66F2B

Tangerine · Chocolate · Amber Brown

HEX

#B66F2B

RGB

rgb(182, 111, 43)

HSL

hsl(29, 62%, 44%)

HSB

hsb(29, 76%, 71%)

CMYK

cmyk(0%, 39%, 76%, 29%)

Oklch

oklch(60.7% 0.121 60.4)

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

#EB5E00

Tangerine · OrangeRed · Amber Brown

HEX

#EB5E00

RGB

rgb(235, 94, 0)

HSL

hsl(24, 100%, 46%)

HSB

hsb(24, 100%, 92%)

CMYK

cmyk(0%, 60%, 100%, 8%)

Oklch

oklch(65.5% 0.192 43.7)

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

#3A3151

Deep Indigo · DarkSlateGray · Prussian Blue

HEX

#3A3151

RGB

rgb(58, 49, 81)

HSL

hsl(257, 25%, 25%)

HSB

hsb(257, 40%, 32%)

CMYK

cmyk(28%, 40%, 0%, 68%)

Oklch

oklch(33.8% 0.056 296.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

249171

8F2444

Analogous

248F39

249171

24798F

Triadic

249171

6F248F

8F6F24

Split-Comp.

249171

8F2479

8F3924

Tetradic

249171

39248F

8F2444

798F24

Contrast Matrix WCAG 2.1 Contrast

249171	6D7855	B66F2B	EB5E00	3A3151
—	1.2 Fail	1.0 Fail	1.1 Fail	3.1 AA Large
1.2 Fail	—	1.2 Fail	1.4 Fail	2.6 Fail
1.0 Fail	1.2 Fail	—	1.2 Fail	3.0 AA Large
1.1 Fail	1.4 Fail	1.2 Fail	—	3.5 AA Large
3.1 AA Large	2.6 Fail	3.0 AA Large	3.5 AA Large	—

White BG

3.9AA Large

4.7AA

4.0AA Large

3.4AA Large

12.1AAA

Black BG

5.4AA

4.5AA Large

5.3AA

6.1AA

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

535479

72725D

97973B

AEAD17

363649

Deuteranopia

4D457B

717060

9BA13F

B6C11C

373747

Tritanopia

297F80

6E6466

B2484B

E4292D

3A4342

Achromatopsia

6D6D6D

717171

7C7C7C

7D7D7D

373737

Shades & Tints Shades & Tints

#249171

Dark

Light

#6D7855

Dark

Light

#B66F2B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #249171;
  --color-2: #6d7855;
  --color-3: #b66f2b;
  --color-4: #eb5e00;
  --color-5: #3a3151;
}

SCSS

$color-1: #249171;
$color-2: #6d7855;
$color-3: #b66f2b;
$color-4: #eb5e00;
$color-5: #3a3151;

TAILWIND

colors: {
  'brand-1': '#249171',
  'brand-2': '#6d7855',
  'brand-3': '#b66f2b',
  'brand-4': '#eb5e00',
  'brand-5': '#3a3151',
}

RGB Array

[36, 145, 113], [109, 120, 85], [182, 111, 43], [235, 94, 0], [58, 49, 81]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #249171, #6D7855, #B66F2B, #EB5E00, #3A3151 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: #249171; --color-2: #6d7855; --color-3: #b66f2b; --color-4: #eb5e00; --color-5: #3a3151. 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