#267795 + #313461 + #341D49 + #700E49 + #951957 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#267795

Lake Blue · Teal · Mint Ice

HEX

#267795

RGB

rgb(38, 119, 149)

HSL

hsl(196, 59%, 37%)

HSB

hsb(196, 74%, 58%)

CMYK

cmyk(74%, 20%, 0%, 42%)

Oklch

oklch(53.5% 0.089 227.1)

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

#313461

Indigo · DarkSlateGray · Prussian Blue

HEX

#313461

RGB

rgb(49, 52, 97)

HSL

hsl(236, 33%, 29%)

HSB

hsb(236, 49%, 38%)

CMYK

cmyk(49%, 46%, 0%, 62%)

Oklch

oklch(34.6% 0.078 278.6)

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

#341D49

Dark Plum · MidnightBlue · Dark Purple

HEX

#341D49

RGB

rgb(52, 29, 73)

HSL

hsl(271, 43%, 20%)

HSB

hsb(271, 60%, 29%)

CMYK

cmyk(29%, 60%, 0%, 71%)

Oklch

oklch(28.4% 0.081 306.0)

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

#700E49

Rose Purple · Purple · Raspberry

HEX

#700E49

RGB

rgb(112, 14, 73)

HSL

hsl(324, 78%, 25%)

HSB

hsb(324, 87%, 44%)

CMYK

cmyk(0%, 87%, 35%, 56%)

Oklch

oklch(36.7% 0.141 350.2)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#951957

Dark Violet · Brown · Camellia

HEX

#951957

RGB

rgb(149, 25, 87)

HSL

hsl(330, 71%, 34%)

HSB

hsb(330, 83%, 58%)

CMYK

cmyk(0%, 83%, 42%, 42%)

Oklch

oklch(44.9% 0.165 356.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

267795

964427

Analogous

27967C

267795

274196

Triadic

267795

962778

789627

Split-Comp.

267795

962741

967C27

Tetradic

267795

7C2796

964427

419627

Contrast Matrix WCAG 2.1 Contrast

267795	313461	341D49	700E49	951957
—	2.3 Fail	2.9 Fail	2.2 Fail	1.6 Fail
2.3 Fail	—	1.3 Fail	1.0 Fail	1.4 Fail
2.9 Fail	1.3 Fail	—	1.3 Fail	1.8 Fail
2.2 Fail	1.0 Fail	1.3 Fail	—	1.4 Fail
1.6 Fail	1.4 Fail	1.8 Fail	1.4 Fail	—

White BG

5.1AA

11.7AAA

14.8AAA

11.4AAA

8.2AAA

Black BG

4.2AA Large

1.8Fail

1.4Fail

1.8Fail

2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

494A8E

323256

2A2A3E

46453B

5F5E48

Deuteranopia

443E8C

323253

2B2D3C

4B5337

677044

Tritanopia

2A8887

314E4C

333634

6B2F2D

8F3C3A

Achromatopsia

626262

383838

292929

323232

454545

Shades & Tints Shades & Tints

#267795

Dark

Light

#313461

Dark

Light

#341D49

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #267795;
  --color-2: #313461;
  --color-3: #341d49;
  --color-4: #700e49;
  --color-5: #951957;
}

SCSS

$color-1: #267795;
$color-2: #313461;
$color-3: #341d49;
$color-4: #700e49;
$color-5: #951957;

TAILWIND

colors: {
  'brand-1': '#267795',
  'brand-2': '#313461',
  'brand-3': '#341d49',
  'brand-4': '#700e49',
  'brand-5': '#951957',
}

RGB Array

[38, 119, 149], [49, 52, 97], [52, 29, 73], [112, 14, 73], [149, 25, 87]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #267795, #313461, #341D49, #700E49, #951957 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: #267795; --color-2: #313461; --color-3: #341d49; --color-4: #700e49; --color-5: #951957. 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