← Back to Editor

#05194B · #27629A · #30838B · #37BBD4 · #78DCD0

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#05194B

Indigo · MidnightBlue · Deep Sea Blue

HEX
#05194B
RGB
rgb(5, 25, 75)
HSL
hsl(223, 88%, 16%)
HSB
hsb(223, 93%, 29%)
CMYK
cmyk(93%, 67%, 0%, 71%)
Oklch
oklch(23.7% 0.097 263.5)

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

#27629A

Lake Blue · SteelBlue · Prussian Blue

HEX
#27629A
RGB
rgb(39, 98, 154)
HSL
hsl(209, 60%, 38%)
HSB
hsb(209, 75%, 60%)
CMYK
cmyk(75%, 36%, 0%, 40%)
Oklch
oklch(48.6% 0.109 250.1)

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

#30838B

Slate Blue · SteelBlue · Mint Ice

HEX
#30838B
RGB
rgb(48, 131, 139)
HSL
hsl(185, 49%, 37%)
HSB
hsb(185, 65%, 55%)
CMYK
cmyk(65%, 6%, 0%, 45%)
Oklch
oklch(56.4% 0.079 204.1)

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

#37BBD4

Lake Blue · MediumTurquoise · Lake Green

HEX
#37BBD4
RGB
rgb(55, 187, 212)
HSL
hsl(190, 65%, 52%)
HSB
hsb(190, 74%, 83%)
CMYK
cmyk(74%, 12%, 0%, 17%)
Oklch
oklch(73.3% 0.115 213.4)

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

#78DCD0

Jade · SkyBlue · Lake Green

HEX
#78DCD0
RGB
rgb(120, 220, 208)
HSL
hsl(173, 59%, 67%)
HSB
hsb(173, 45%, 86%)
CMYK
cmyk(45%, 0%, 5%, 14%)
Oklch
oklch(83.0% 0.096 185.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

05194B
4D3805

Analogous

053D4D
05194B
14054D

Triadic

05194B
4D0519
194D05

Split-Comp.

05194B
4D1405
3D4D05

Tetradic

05194B
4D053D
4D3805
054D14

Contrast Matrix WCAG 2.1 Contrast

05194B
27629A
30838B
37BBD4
78DCD0
—
2.6
Fail
3.8
AA Large
7.4
AAA
10.4
AAA
2.6
Fail
—
1.4
Fail
2.8
Fail
3.9
AA Large
3.8
AA Large
1.4
Fail
—
1.9
Fail
2.7
Fail
7.4
AAA
2.8
Fail
1.9
Fail
—
1.4
Fail
10.4
AAA
3.9
AA Large
2.7
Fail
1.4
Fail
—
White BG
16.8AAA
6.4AA
4.4AA Large
2.3Fail
1.6Fail
Black BG
1.2Fail
3.3AA Large
4.7AA
9.2AAA
12.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0E0E3F
41418C
545589
7071CE
A3A4D3

Deuteranopia

0D0B3C
3D3989
4F4989
695FCC
9E96D4

Tritanopia

063533
2A827F
348887
3EC9C8
7DD5D6

Achromatopsia

191919
575757
6B6B6B
969696
BDBDBD

Shades & Tints Shades & Tints

#05194B

Dark
Light

#27629A

Dark
Light

#30838B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #05194b;
  --color-2: #27629a;
  --color-3: #30838b;
  --color-4: #37bbd4;
  --color-5: #78dcd0;
}

SCSS

$color-1: #05194b;
$color-2: #27629a;
$color-3: #30838b;
$color-4: #37bbd4;
$color-5: #78dcd0;

TAILWIND

colors: {
  'brand-1': '#05194b',
  'brand-2': '#27629a',
  'brand-3': '#30838b',
  'brand-4': '#37bbd4',
  'brand-5': '#78dcd0',
}

RGB Array

[5, 25, 75], [39, 98, 154], [48, 131, 139], [55, 187, 212], [120, 220, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #05194B, #27629A, #30838B, #37BBD4, #78DCD0 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #05194b; --color-2: #27629a; --color-3: #30838b; --color-4: #37bbd4; --color-5: #78dcd0. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. High-contrast palettes naturally meet WCAG accessibility standards. 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