← Back to Editor

#250E2E · #2E2F45 · #3C4B4D · #555E56 · #727567

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporate

Color Details Color Details

#250E2E

Royal Purple · Black · Dark Purple

HEX
#250E2E
RGB
rgb(37, 14, 46)
HSL
hsl(283, 53%, 12%)
HSB
hsb(283, 70%, 18%)
CMYK
cmyk(20%, 70%, 0%, 82%)
Oklch
oklch(21.6% 0.066 315.5)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#2E2F45

Indigo · DarkSlateGray · Prussian Blue

HEX
#2E2F45
RGB
rgb(46, 47, 69)
HSL
hsl(237, 20%, 23%)
HSB
hsb(237, 33%, 27%)
CMYK
cmyk(33%, 32%, 0%, 73%)
Oklch
oklch(31.4% 0.039 281.9)

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

#3C4B4D

Slate Blue · DarkSlateGray · Mint Ice

HEX
#3C4B4D
RGB
rgb(60, 75, 77)
HSL
hsl(187, 12%, 27%)
HSB
hsb(187, 22%, 30%)
CMYK
cmyk(22%, 3%, 0%, 70%)
Oklch
oklch(40.1% 0.019 206.3)

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

#555E56

Ink Gray · DimGray · Charcoal

HEX
#555E56
RGB
rgb(85, 94, 86)
HSL
hsl(127, 5%, 35%)
HSB
hsb(127, 10%, 37%)
CMYK
cmyk(10%, 0%, 9%, 63%)
Oklch
oklch(47.1% 0.017 148.5)

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

#727567

Ink Gray · DimGray · Warm Gray

HEX
#727567
RGB
rgb(114, 117, 103)
HSL
hsl(73, 6%, 43%)
HSB
hsb(73, 12%, 46%)
CMYK
cmyk(3%, 0%, 12%, 54%)
Oklch
oklch(55.6% 0.021 116.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

250E2E
182F0E

Analogous

150E2F
250E2E
2F0E28

Triadic

250E2E
2F260E
0E2F26

Split-Comp.

250E2E
282F0E
0E2F15

Tetradic

250E2E
2F150E
182F0E
0E282F

Contrast Matrix WCAG 2.1 Contrast

250E2E
2E2F45
3C4B4D
555E56
727567
—
1.4
Fail
2.0
Fail
2.6
Fail
3.8
AA Large
1.4
Fail
—
1.4
Fail
1.9
Fail
2.8
Fail
2.0
Fail
1.4
Fail
—
1.4
Fail
1.9
Fail
2.6
Fail
1.9
Fail
1.4
Fail
—
1.4
Fail
3.8
AA Large
2.8
Fail
1.9
Fail
1.4
Fail
—
White BG
17.8AAA
13.1AAA
9.1AAA
6.7AA
4.7AA
Black BG
1.2Fail
1.6Fail
2.3Fail
3.1AA Large
4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B26
2E2E40
42434D
595958
73736A

Deuteranopia

1C1E24
2E2E3E
42414C
585858
73736B

Tritanopia

24201F
2E3B3B
3D4C4C
55595A
726D6E

Achromatopsia

191919
313131
474747
5A5A5A
737373

Shades & Tints Shades & Tints

#250E2E

Dark
Light

#2E2F45

Dark
Light

#3C4B4D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #250e2e;
  --color-2: #2e2f45;
  --color-3: #3c4b4d;
  --color-4: #555e56;
  --color-5: #727567;
}

SCSS

$color-1: #250e2e;
$color-2: #2e2f45;
$color-3: #3c4b4d;
$color-4: #555e56;
$color-5: #727567;

TAILWIND

colors: {
  'brand-1': '#250e2e',
  'brand-2': '#2e2f45',
  'brand-3': '#3c4b4d',
  'brand-4': '#555e56',
  'brand-5': '#727567',
}

RGB Array

[37, 14, 46], [46, 47, 69], [60, 75, 77], [85, 94, 86], [114, 117, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #250E2E, #2E2F45, #3C4B4D, #555E56, #727567 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #250e2e; --color-2: #2e2f45; --color-3: #3c4b4d; --color-4: #555e56; --color-5: #727567. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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