#0F032B + #123754 + #952CBD + #BB3067 + #5E7795 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#0F032B

Deep Indigo · Black · Deep Sea Blue

HEX

#0F032B

RGB

rgb(15, 3, 43)

HSL

hsl(258, 87%, 9%)

HSB

hsb(258, 93%, 17%)

CMYK

cmyk(65%, 93%, 0%, 83%)

Oklch

oklch(16.0% 0.077 290.1)

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

#123754

Lake Blue · DarkSlateGray · Deep Sea Blue

HEX

#123754

RGB

rgb(18, 55, 84)

HSL

hsl(206, 65%, 20%)

HSB

hsb(206, 79%, 33%)

CMYK

cmyk(79%, 35%, 0%, 67%)

Oklch

oklch(32.6% 0.066 245.7)

Traditional「Lake Blue」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#952CBD

Royal Purple · DarkOrchid · Violet

HEX

#952CBD

RGB

rgb(149, 44, 189)

HSL

hsl(283, 62%, 46%)

HSB

hsb(283, 77%, 74%)

CMYK

cmyk(21%, 77%, 0%, 26%)

Oklch

oklch(52.0% 0.219 314.5)

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

#BB3067

Dark Violet · MediumVioletRed · Camellia

HEX

#BB3067

RGB

rgb(187, 48, 103)

HSL

hsl(336, 59%, 46%)

HSB

hsb(336, 74%, 73%)

CMYK

cmyk(0%, 74%, 45%, 27%)

Oklch

oklch(53.8% 0.180 1.5)

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

#5E7795

Indigo · SlateGray · Navy Blue

HEX

#5E7795

RGB

rgb(94, 119, 149)

HSL

hsl(213, 23%, 48%)

HSB

hsb(213, 37%, 58%)

CMYK

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

Oklch

oklch(56.1% 0.055 253.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0F032B

1F2B03

Analogous

030B2B

0F032B

23032B

Triadic

0F032B

2B0F03

032B0F

Split-Comp.

0F032B

2B2303

0B2B03

Tetradic

0F032B

2B030B

1F2B03

032B23

Contrast Matrix WCAG 2.1 Contrast

0F032B	123754	952CBD	BB3067	5E7795
—	1.6 Fail	3.2 AA Large	3.5 AA Large	4.3 AA Large
1.6 Fail	—	2.0 Fail	2.2 Fail	2.7 Fail
3.2 AA Large	2.0 Fail	—	1.1 Fail	1.3 Fail
3.5 AA Large	2.2 Fail	1.1 Fail	—	1.2 Fail
4.3 AA Large	2.7 Fail	1.3 Fail	1.2 Fail	—

White BG

19.7AAA

12.4AAA

6.2AA

5.6AA

4.6AA

Black BG

1.1Fail

1.7Fail

3.4AA Large

3.7AA Large

4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0A0A21

22224D

68679A

7F7E5A

69698E

Deuteranopia

0B0B1F

201D4B

6E7691

879157

67668C

Tritanopia

0E1A18

144746

907E78

B44F4D

5F8887

Achromatopsia

0B0B0B

2F2F2F

5C5C5C

606060

737373

Shades & Tints Shades & Tints

#0F032B

Dark

Light

#123754

Dark

Light

#952CBD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0f032b;
  --color-2: #123754;
  --color-3: #952cbd;
  --color-4: #bb3067;
  --color-5: #5e7795;
}

SCSS

$color-1: #0f032b;
$color-2: #123754;
$color-3: #952cbd;
$color-4: #bb3067;
$color-5: #5e7795;

TAILWIND

colors: {
  'brand-1': '#0f032b',
  'brand-2': '#123754',
  'brand-3': '#952cbd',
  'brand-4': '#bb3067',
  'brand-5': '#5e7795',
}

RGB Array

[15, 3, 43], [18, 55, 84], [149, 44, 189], [187, 48, 103], [94, 119, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0F032B, #123754, #952CBD, #BB3067, #5E7795 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: #0f032b; --color-2: #123754; --color-3: #952cbd; --color-4: #bb3067; --color-5: #5e7795. 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