#0000FB + #1617C0 + #2C2E85 + #3D4045 + #272875 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0000FB

Deep Indigo · Blue · Navy Blue

HEX

#0000FB

RGB

rgb(0, 0, 251)

HSL

hsl(240, 100%, 49%)

HSB

hsb(240, 100%, 98%)

CMYK

cmyk(100%, 100%, 0%, 2%)

Oklch

oklch(44.7% 0.309 264.1)

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

#1617C0

Deep Indigo · MediumBlue · Navy Blue

HEX

#1617C0

RGB

rgb(22, 23, 192)

HSL

hsl(240, 79%, 42%)

HSB

hsb(240, 89%, 75%)

CMYK

cmyk(89%, 88%, 0%, 25%)

Oklch

oklch(38.4% 0.240 267.1)

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

#2C2E85

Indigo · DarkSlateBlue · Prussian Blue

HEX

#2C2E85

RGB

rgb(44, 46, 133)

HSL

hsl(239, 50%, 35%)

HSB

hsb(239, 67%, 52%)

CMYK

cmyk(67%, 65%, 0%, 48%)

Oklch

oklch(35.9% 0.142 275.5)

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

#3D4045

Dark Cyan · DarkSlateGray · Dark Stone

HEX

#3D4045

RGB

rgb(61, 64, 69)

HSL

hsl(218, 6%, 25%)

HSB

hsb(218, 12%, 27%)

CMYK

cmyk(12%, 7%, 0%, 73%)

Oklch

oklch(37.1% 0.009 260.7)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#272875

Indigo · MidnightBlue · Prussian Blue

HEX

#272875

RGB

rgb(39, 40, 117)

HSL

hsl(239, 50%, 31%)

HSB

hsb(239, 67%, 46%)

CMYK

cmyk(67%, 66%, 0%, 54%)

Oklch

oklch(32.9% 0.129 276.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0000FB

FAFA00

Analogous

007DFA

0000FB

7D00FA

Triadic

0000FB

FA0000

00FA00

Split-Comp.

0000FB

FA7D00

7DFA00

Tetradic

0000FB

FA007D

FAFA00

00FA7D

Contrast Matrix WCAG 2.1 Contrast

0000FB	1617C0	2C2E85	3D4045	272875
—	1.2 Fail	1.3 Fail	1.2 Fail	1.5 Fail
1.2 Fail	—	1.0 Fail	1.1 Fail	1.2 Fail
1.3 Fail	1.0 Fail	—	1.1 Fail	1.1 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.2 Fail
1.5 Fail	1.2 Fail	1.1 Fail	1.2 Fail	—

White BG

8.8AAA

10.9AAA

11.4AAA

10.4AAA

12.8AAA

Black BG

2.4Fail

1.9Fail

1.8Fail

2.0Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

0000BE

161697

2D2D70

3E3E44

272762

Deuteranopia

0000B0

16168D

2D2D6B

3E3E44

27275E

Tritanopia

008E84

167770

2C5F5C

3D4343

275450

Achromatopsia

1D1D1D

2A2A2A

373737

404040

303030

Shades & Tints Shades & Tints

#0000FB

Dark

Light

#1617C0

Dark

Light

#2C2E85

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0000fb;
  --color-2: #1617c0;
  --color-3: #2c2e85;
  --color-4: #3d4045;
  --color-5: #272875;
}

SCSS

$color-1: #0000fb;
$color-2: #1617c0;
$color-3: #2c2e85;
$color-4: #3d4045;
$color-5: #272875;

TAILWIND

colors: {
  'brand-1': '#0000fb',
  'brand-2': '#1617c0',
  'brand-3': '#2c2e85',
  'brand-4': '#3d4045',
  'brand-5': '#272875',
}

RGB Array

[0, 0, 251], [22, 23, 192], [44, 46, 133], [61, 64, 69], [39, 40, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0000FB, #1617C0, #2C2E85, #3D4045, #272875 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: #0000fb; --color-2: #1617c0; --color-3: #2c2e85; --color-4: #3d4045; --color-5: #272875. 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