#1A251A + #466F5D + #685D5B + #923200 + #F8510D - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#1A251A

Celadon · Black · Dark Green

HEX

#1A251A

RGB

rgb(26, 37, 26)

HSL

hsl(120, 17%, 12%)

HSB

hsb(120, 30%, 15%)

CMYK

cmyk(30%, 0%, 30%, 85%)

Oklch

oklch(25.0% 0.026 144.8)

Traditional「Celadon」· Paint「Dark Green」· Creative Blush Sunrise

#466F5D

Mineral Blue · SeaGreen · Forest Green

HEX

#466F5D

RGB

rgb(70, 111, 93)

HSL

hsl(154, 23%, 35%)

HSB

hsb(154, 37%, 44%)

CMYK

cmyk(37%, 0%, 16%, 56%)

Oklch

oklch(50.6% 0.055 164.9)

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

#685D5B

Ink Gray · DimGray · Charcoal

HEX

#685D5B

RGB

rgb(104, 93, 91)

HSL

hsl(9, 7%, 38%)

HSB

hsb(9, 12%, 41%)

CMYK

cmyk(0%, 11%, 12%, 59%)

Oklch

oklch(48.8% 0.015 29.9)

Traditional「Ink Gray」· Paint「Charcoal」· Creative Midnight Shadow

#923200

Tangerine · Brown · Amber Brown

HEX

#923200

RGB

rgb(146, 50, 0)

HSL

hsl(21, 100%, 29%)

HSB

hsb(21, 100%, 57%)

CMYK

cmyk(0%, 66%, 100%, 43%)

Oklch

oklch(45.2% 0.139 41.0)

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

#F8510D

Tangerine · OrangeRed · Warm Sun

HEX

#F8510D

RGB

rgb(248, 81, 13)

HSL

hsl(17, 94%, 51%)

HSB

hsb(17, 95%, 97%)

CMYK

cmyk(0%, 67%, 95%, 3%)

Oklch

oklch(66.1% 0.213 37.7)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1A251A

241924

Analogous

1F2419

1A251A

19241F

Triadic

1A251A

191924

241919

Split-Comp.

1A251A

1F1924

24191F

Tetradic

1A251A

191F24

241924

241F19

Contrast Matrix WCAG 2.1 Contrast

1A251A	466F5D	685D5B	923200	F8510D
—	2.8 Fail	2.5 Fail	2.0 Fail	4.7 AA
2.8 Fail	—	1.1 Fail	1.4 Fail	1.7 Fail
2.5 Fail	1.1 Fail	—	1.2 Fail	1.9 Fail
2.0 Fail	1.4 Fail	1.2 Fail	—	2.3 Fail
4.7 AA	1.7 Fail	1.9 Fail	2.3 Fail	—

White BG

15.9AAA

5.7AA

6.4AA

7.8AAA

3.4AA Large

Black BG

1.3Fail

3.7AA Large

3.3AA Large

2.7Fail

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F1D

585861

63635B

68680C

B0AE1D

Deuteranopia

1E1D1D

555262

64655C

6E750F

B9C621

Tritanopia

1B1F1F

486566

675C5C

8D1618

F02A2D

Achromatopsia

202020

616161

606060

494949

7B7B7B

Shades & Tints Shades & Tints

#1A251A

Dark

Light

#466F5D

Dark

Light

#685D5B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1a251a;
  --color-2: #466f5d;
  --color-3: #685d5b;
  --color-4: #923200;
  --color-5: #f8510d;
}

SCSS

$color-1: #1a251a;
$color-2: #466f5d;
$color-3: #685d5b;
$color-4: #923200;
$color-5: #f8510d;

TAILWIND

colors: {
  'brand-1': '#1a251a',
  'brand-2': '#466f5d',
  'brand-3': '#685d5b',
  'brand-4': '#923200',
  'brand-5': '#f8510d',
}

RGB Array

[26, 37, 26], [70, 111, 93], [104, 93, 91], [146, 50, 0], [248, 81, 13]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1A251A, #466F5D, #685D5B, #923200, #F8510D 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: #1a251a; --color-2: #466f5d; --color-3: #685d5b; --color-4: #923200; --color-5: #f8510d. 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