← Back to Editor

#41BFFF · #2D94C7 · #056B9E · #034F75 · #043148

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

#41BFFF

Sky Blue · MediumTurquoise · Cobalt Blue

HEX
#41BFFF
RGB
rgb(65, 191, 255)
HSL
hsl(200, 100%, 63%)
HSB
hsb(200, 75%, 100%)
CMYK
cmyk(75%, 25%, 0%, 0%)
Oklch
oklch(76.3% 0.141 235.5)

Traditional「Sky Blue」· Paint「Cobalt Blue」· Creative Twilight Haze

#2D94C7

Lake Blue · SteelBlue · Navy Blue

HEX
#2D94C7
RGB
rgb(45, 148, 199)
HSL
hsl(200, 63%, 48%)
HSB
hsb(200, 77%, 78%)
CMYK
cmyk(77%, 26%, 0%, 22%)
Oklch
oklch(63.2% 0.119 235.2)

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

#056B9E

Lake Blue · Teal · Prussian Blue

HEX
#056B9E
RGB
rgb(5, 107, 158)
HSL
hsl(200, 94%, 32%)
HSB
hsb(200, 97%, 62%)
CMYK
cmyk(97%, 32%, 0%, 38%)
Oklch
oklch(50.3% 0.114 240.0)

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

#034F75

Lake Blue · Teal · Prussian Blue

HEX
#034F75
RGB
rgb(3, 79, 117)
HSL
hsl(200, 95%, 24%)
HSB
hsb(200, 97%, 46%)
CMYK
cmyk(97%, 32%, 0%, 54%)
Oklch
oklch(40.7% 0.091 239.3)

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

#043148

Lake Blue · MidnightBlue · Deep Sea Blue

HEX
#043148
RGB
rgb(4, 49, 72)
HSL
hsl(200, 89%, 15%)
HSB
hsb(200, 94%, 28%)
CMYK
cmyk(94%, 32%, 0%, 72%)
Oklch
oklch(29.7% 0.062 237.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

41BFFF
FF8142

Analogous

42FFE0
41BFFF
4262FF

Triadic

41BFFF
FF42C0
C0FF42

Split-Comp.

41BFFF
FF4262
FFE042

Tetradic

41BFFF
E042FF
FF8142
62FF42

Contrast Matrix WCAG 2.1 Contrast

41BFFF
2D94C7
056B9E
034F75
043148
—
1.6
Fail
2.8
Fail
4.3
AA Large
6.6
AA
1.6
Fail
—
1.7
Fail
2.6
Fail
4.0
AA Large
2.8
Fail
1.7
Fail
—
1.5
Fail
2.3
Fail
4.3
AA Large
2.6
Fail
1.5
Fail
—
1.5
Fail
6.6
AA
4.0
AA Large
2.3
Fail
1.5
Fail
—
White BG
2.1Fail
3.4AA Large
5.8AA
8.8AAA
13.7AAA
Black BG
10.1AAA
6.2AA
3.6AA Large
2.4Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

7879F0
5A5BBB
313292
24256C
171842

Deuteranopia

7067EC
544CB8
2B248F
201A6A
151241

Tritanopia

47E3E1
32B1AF
0A8886
076563
063E3D

Achromatopsia

A1A1A1
7B7B7B
525252
3D3D3D
262626

Shades & Tints Shades & Tints

#41BFFF

Dark
Light

#2D94C7

Dark
Light

#056B9E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #41bfff;
  --color-2: #2d94c7;
  --color-3: #056b9e;
  --color-4: #034f75;
  --color-5: #043148;
}

SCSS

$color-1: #41bfff;
$color-2: #2d94c7;
$color-3: #056b9e;
$color-4: #034f75;
$color-5: #043148;

TAILWIND

colors: {
  'brand-1': '#41bfff',
  'brand-2': '#2d94c7',
  'brand-3': '#056b9e',
  'brand-4': '#034f75',
  'brand-5': '#043148',
}

RGB Array

[65, 191, 255], [45, 148, 199], [5, 107, 158], [3, 79, 117], [4, 49, 72]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #41BFFF, #2D94C7, #056B9E, #034F75, #043148 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #41bfff; --color-2: #2d94c7; --color-3: #056b9e; --color-4: #034f75; --color-5: #043148. 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. 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