#483AC0 + #463395 + #452D69 + #43263D + #421F11 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#483AC0

Deep Indigo · SlateBlue · Navy Blue

HEX

#483AC0

RGB

rgb(72, 58, 192)

HSL

hsl(246, 54%, 49%)

HSB

hsb(246, 70%, 75%)

CMYK

cmyk(63%, 70%, 0%, 25%)

Oklch

oklch(45.4% 0.199 279.6)

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

#463395

Deep Indigo · DarkSlateBlue · Prussian Blue

HEX

#463395

RGB

rgb(70, 51, 149)

HSL

hsl(252, 49%, 39%)

HSB

hsb(252, 66%, 58%)

CMYK

cmyk(53%, 66%, 0%, 42%)

Oklch

oklch(40.3% 0.153 286.2)

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

#452D69

Deep Indigo · DarkSlateBlue · Eggplant

HEX

#452D69

RGB

rgb(69, 45, 105)

HSL

hsl(264, 40%, 29%)

HSB

hsb(264, 57%, 41%)

CMYK

cmyk(34%, 57%, 0%, 59%)

Oklch

oklch(35.7% 0.102 299.7)

Traditional「Deep Indigo」· Paint「Eggplant」· Creative Blush Sunrise

#43263D

Rose Purple · DarkSlateGray · Eggplant

HEX

#43263D

RGB

rgb(67, 38, 61)

HSL

hsl(312, 28%, 21%)

HSB

hsb(312, 43%, 26%)

CMYK

cmyk(0%, 43%, 9%, 74%)

Oklch

oklch(31.5% 0.057 334.8)

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

#421F11

Tangerine · Maroon · Cinnamon

HEX

#421F11

RGB

rgb(66, 31, 17)

HSL

hsl(17, 59%, 16%)

HSB

hsb(17, 74%, 26%)

CMYK

cmyk(0%, 53%, 74%, 74%)

Oklch

oklch(28.5% 0.059 41.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

483AC0

B3C039

Analogous

396FC0

483AC0

8A39C0

Triadic

483AC0

C04739

39C047

Split-Comp.

483AC0

C08A39

6FC039

Tetradic

483AC0

C0396F

B3C039

39C08A

Contrast Matrix WCAG 2.1 Contrast

483AC0	463395	452D69	43263D	421F11
—	1.2 Fail	1.4 Fail	1.7 Fail	1.8 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.5 Fail
1.4 Fail	1.2 Fail	—	1.2 Fail	1.3 Fail
1.7 Fail	1.4 Fail	1.2 Fail	—	1.1 Fail
1.8 Fail	1.5 Fail	1.3 Fail	1.1 Fail	—

White BG

7.9AAA

9.7AAA

11.5AAA

13.3AAA

14.6AAA

Black BG

2.6Fail

2.2Fail

1.8Fail

1.6Fail

1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

4242A0

3E3E7D

3B3A5A

363637

333314

Deuteranopia

434498

3F4078

3C3E57

383A36

353715

Tritanopia

478680

456B66

444F4D

423332

401718

Achromatopsia

4D4D4D

444444

3B3B3B

313131

282828

Shades & Tints Shades & Tints

#483AC0

Dark

Light

#463395

Dark

Light

#452D69

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #483ac0;
  --color-2: #463395;
  --color-3: #452d69;
  --color-4: #43263d;
  --color-5: #421f11;
}

SCSS

$color-1: #483ac0;
$color-2: #463395;
$color-3: #452d69;
$color-4: #43263d;
$color-5: #421f11;

TAILWIND

colors: {
  'brand-1': '#483ac0',
  'brand-2': '#463395',
  'brand-3': '#452d69',
  'brand-4': '#43263d',
  'brand-5': '#421f11',
}

RGB Array

[72, 58, 192], [70, 51, 149], [69, 45, 105], [67, 38, 61], [66, 31, 17]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #483AC0, #463395, #452D69, #43263D, #421F11 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: #483ac0; --color-2: #463395; --color-3: #452d69; --color-4: #43263d; --color-5: #421f11. 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