← Back to Editor

#06133B · #0BE3F8 · #B60808 · #1F5FCC · #F7520A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#06133B

Indigo · MidnightBlue · Deep Sea Blue

HEX
#06133B
RGB
rgb(6, 19, 59)
HSL
hsl(225, 82%, 13%)
HSB
hsb(225, 90%, 23%)
CMYK
cmyk(90%, 68%, 0%, 77%)
Oklch
oklch(20.6% 0.080 265.4)

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

#0BE3F8

Lake Blue · Cyan · Lake Green

HEX
#0BE3F8
RGB
rgb(11, 227, 248)
HSL
hsl(185, 94%, 51%)
HSB
hsb(185, 96%, 97%)
CMYK
cmyk(96%, 8%, 0%, 3%)
Oklch
oklch(83.7% 0.143 206.7)

Traditional「Lake Blue」· Paint「Lake Green」· Creative Blush Sunrise

#B60808

Vermilion · FireBrick · Wine Red

HEX
#B60808
RGB
rgb(182, 8, 8)
HSL
hsl(0, 92%, 37%)
HSB
hsb(0, 96%, 71%)
CMYK
cmyk(0%, 96%, 96%, 29%)
Oklch
oklch(49.0% 0.197 28.8)

Traditional「Vermilion」· Paint「Wine Red」· Creative Blush Sunrise

#1F5FCC

Indigo · SteelBlue · Navy Blue

HEX
#1F5FCC
RGB
rgb(31, 95, 204)
HSL
hsl(218, 74%, 46%)
HSB
hsb(218, 85%, 80%)
CMYK
cmyk(85%, 53%, 0%, 20%)
Oklch
oklch(51.2% 0.181 260.5)

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

#F7520A

Tangerine · OrangeRed · Amber Brown

HEX
#F7520A
RGB
rgb(247, 82, 10)
HSL
hsl(18, 94%, 50%)
HSB
hsb(18, 96%, 97%)
CMYK
cmyk(0%, 67%, 96%, 3%)
Oklch
oklch(66.0% 0.212 38.2)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

06133B
3C2F06

Analogous

062F3C
06133B
14063C

Triadic

06133B
3C0614
143C06

Split-Comp.

06133B
3C1406
2F3C06

Tetradic

06133B
3C062F
3C2F06
063C14

Contrast Matrix WCAG 2.1 Contrast

06133B
0BE3F8
B60808
1F5FCC
F7520A
—
11.5
AAA
2.6
Fail
3.1
AA Large
5.3
AA
11.5
AAA
—
4.4
AA Large
3.7
AA Large
2.2
Fail
2.6
Fail
4.4
AA Large
—
1.2
Fail
2.0
Fail
3.1
AA Large
3.7
AA Large
1.2
Fail
—
1.7
Fail
5.3
AA
2.2
Fail
2.0
Fail
1.7
Fail
—
White BG
18.0AAA
1.6Fail
6.9AA
5.9AA
3.4AA Large
Black BG
1.2Fail
13.4AAA
3.0AA Large
3.6AA Large
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0C0C31
696AF3
6B6908
3B3BB2
B0AE1B

Deuteranopia

0B0A2F
5C4CF2
758208
3732AB
B9C520

Tritanopia

072A28
16EFEE
AD0808
229D98
EF292C

Achromatopsia

141414
A5A5A5
3C3C3C
585858
7B7B7B

Shades & Tints Shades & Tints

#06133B

Dark
Light

#0BE3F8

Dark
Light

#B60808

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #06133b;
  --color-2: #0be3f8;
  --color-3: #b60808;
  --color-4: #1f5fcc;
  --color-5: #f7520a;
}

SCSS

$color-1: #06133b;
$color-2: #0be3f8;
$color-3: #b60808;
$color-4: #1f5fcc;
$color-5: #f7520a;

TAILWIND

colors: {
  'brand-1': '#06133b',
  'brand-2': '#0be3f8',
  'brand-3': '#b60808',
  'brand-4': '#1f5fcc',
  'brand-5': '#f7520a',
}

RGB Array

[6, 19, 59], [11, 227, 248], [182, 8, 8], [31, 95, 204], [247, 82, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #06133B, #0BE3F8, #B60808, #1F5FCC, #F7520A is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #06133b; --color-2: #0be3f8; --color-3: #b60808; --color-4: #1f5fcc; --color-5: #f7520a. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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