#2E94B4 + #2B7288 + #29547E + #1B326C + #120C23 · cool - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#2E94B4

Lake Blue · SteelBlue · Mint Ice

HEX

#2E94B4

RGB

rgb(46, 148, 180)

HSL

hsl(194, 59%, 44%)

HSB

hsb(194, 74%, 71%)

CMYK

cmyk(74%, 18%, 0%, 29%)

Oklch

oklch(62.3% 0.102 223.4)

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

#2B7288

Lake Blue · Teal · Mint Ice

HEX

#2B7288

RGB

rgb(43, 114, 136)

HSL

hsl(194, 52%, 35%)

HSB

hsb(194, 68%, 53%)

CMYK

cmyk(68%, 16%, 0%, 47%)

Oklch

oklch(51.7% 0.077 221.9)

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

#29547E

Indigo · DarkSlateBlue · Prussian Blue

HEX

#29547E

RGB

rgb(41, 84, 126)

HSL

hsl(210, 51%, 33%)

HSB

hsb(210, 67%, 49%)

CMYK

cmyk(67%, 33%, 0%, 51%)

Oklch

oklch(43.6% 0.085 249.9)

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

#1B326C

Indigo · MidnightBlue · Prussian Blue

HEX

#1B326C

RGB

rgb(27, 50, 108)

HSL

hsl(223, 60%, 26%)

HSB

hsb(223, 75%, 42%)

CMYK

cmyk(75%, 54%, 0%, 58%)

Oklch

oklch(33.5% 0.105 264.9)

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

#120C23

Deep Indigo · Black · Deep Sea Blue

HEX

#120C23

RGB

rgb(18, 12, 35)

HSL

hsl(256, 49%, 9%)

HSB

hsb(256, 66%, 14%)

CMYK

cmyk(49%, 66%, 0%, 86%)

Oklch

oklch(17.7% 0.046 293.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E94B4

B24D2E

Analogous

2EB28F

2E94B4

2E51B2

Triadic

2E94B4

B22E94

94B22E

Split-Comp.

2E94B4

B22E51

B28F2E

Tetradic

2E94B4

8F2EB2

B24D2E

51B22E

Contrast Matrix WCAG 2.1 Contrast

2E94B4	2B7288	29547E	1B326C	120C23
—	1.6 Fail	2.3 Fail	3.5 AA Large	5.5 AA
1.6 Fail	—	1.5 Fail	2.2 Fail	3.5 AA Large
2.3 Fail	1.5 Fail	—	1.5 Fail	2.4 Fail
3.5 AA Large	2.2 Fail	1.5 Fail	—	1.6 Fail
5.5 AA	3.5 AA Large	2.4 Fail	1.6 Fail	—

White BG

3.5AA Large

5.4AA

7.9AAA

12.2AAA

19.0AAA

Black BG

6.0AA

3.9AA Large

2.7Fail

1.7Fail

1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5A5BAC

4A4A83

3C3C74

25255E

0F0F1D

Deuteranopia

544DAA

464081

393671

24225B

10101C

Tritanopia

33A6A5

2F7E7E

2B6C6A

1C5350

121918

Achromatopsia

797979

5F5F5F

4C4C4C

323232

101010

Shades & Tints Shades & Tints

#2E94B4

Dark

Light

#2B7288

Dark

Light

#29547E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e94b4;
  --color-2: #2b7288;
  --color-3: #29547e;
  --color-4: #1b326c;
  --color-5: #120c23;
}

SCSS

$color-1: #2e94b4;
$color-2: #2b7288;
$color-3: #29547e;
$color-4: #1b326c;
$color-5: #120c23;

TAILWIND

colors: {
  'brand-1': '#2e94b4',
  'brand-2': '#2b7288',
  'brand-3': '#29547e',
  'brand-4': '#1b326c',
  'brand-5': '#120c23',
}

RGB Array

[46, 148, 180], [43, 114, 136], [41, 84, 126], [27, 50, 108], [18, 12, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This cool-style palette of #2E94B4, #2B7288, #29547E, #1B326C, #120C23 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: #2e94b4; --color-2: #2b7288; --color-3: #29547e; --color-4: #1b326c; --color-5: #120c23. 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 cool-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