#140E3B + #18264A + #1C4362 + #206B7A + #239488 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#140E3B

Deep Indigo · MidnightBlue · Deep Sea Blue

HEX

#140E3B

RGB

rgb(20, 14, 59)

HSL

hsl(248, 62%, 14%)

HSB

hsb(248, 76%, 23%)

CMYK

cmyk(66%, 76%, 0%, 77%)

Oklch

oklch(20.6% 0.083 282.4)

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

#18264A

Indigo · MidnightBlue · Deep Sea Blue

HEX

#18264A

RGB

rgb(24, 38, 74)

HSL

hsl(223, 51%, 19%)

HSB

hsb(223, 68%, 29%)

CMYK

cmyk(68%, 49%, 0%, 71%)

Oklch

oklch(27.7% 0.069 266.0)

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

#1C4362

Lake Blue · DarkSlateGray · Prussian Blue

HEX

#1C4362

RGB

rgb(28, 67, 98)

HSL

hsl(207, 56%, 25%)

HSB

hsb(207, 71%, 38%)

CMYK

cmyk(71%, 32%, 0%, 62%)

Oklch

oklch(37.0% 0.069 245.3)

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

#206B7A

Lake Blue · Teal · Mint Ice

HEX

#206B7A

RGB

rgb(32, 107, 122)

HSL

hsl(190, 58%, 30%)

HSB

hsb(190, 74%, 48%)

CMYK

cmyk(74%, 12%, 0%, 52%)

Oklch

oklch(49.0% 0.075 213.9)

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

#239488

Mineral Blue · Teal · Mint Ice

HEX

#239488

RGB

rgb(35, 148, 136)

HSL

hsl(174, 62%, 36%)

HSB

hsb(174, 76%, 58%)

CMYK

cmyk(76%, 0%, 8%, 42%)

Oklch

oklch(60.3% 0.098 184.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

140E3B

343A0E

Analogous

0E1E3A

140E3B

2A0E3A

Triadic

140E3B

3A130E

0E3A13

Split-Comp.

140E3B

3A2A0E

1E3A0E

Tetradic

140E3B

3A0E1E

343A0E

0E3A2A

Contrast Matrix WCAG 2.1 Contrast

140E3B	18264A	1C4362	206B7A	239488
—	1.2 Fail	1.8 Fail	3.0 Fail	4.9 AA
1.2 Fail	—	1.4 Fail	2.4 Fail	4.0 AA Large
1.8 Fail	1.4 Fail	—	1.7 Fail	2.8 Fail
3.0 Fail	2.4 Fail	1.7 Fail	—	1.6 Fail
4.9 AA	4.0 AA Large	2.8 Fail	1.6 Fail	—

White BG

18.2AAA

14.8AAA

10.4AAA

6.1AA

3.7AA Large

Black BG

1.2Fail

1.4Fail

2.0Fail

3.4AA Large

5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

111130

1E1E41

2D2D5A

404176

54558B

Deuteranopia

12122E

1D1C3F

2B2859

3C3776

4D458C

Tritanopia

142826

193A39

1E5553

247473

298D8E

Achromatopsia

151515

262626

3B3B3B

565656

717171

Shades & Tints Shades & Tints

#140E3B

Dark

Light

#18264A

Dark

Light

#1C4362

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #140e3b;
  --color-2: #18264a;
  --color-3: #1c4362;
  --color-4: #206b7a;
  --color-5: #239488;
}

SCSS

$color-1: #140e3b;
$color-2: #18264a;
$color-3: #1c4362;
$color-4: #206b7a;
$color-5: #239488;

TAILWIND

colors: {
  'brand-1': '#140e3b',
  'brand-2': '#18264a',
  'brand-3': '#1c4362',
  'brand-4': '#206b7a',
  'brand-5': '#239488',
}

RGB Array

[20, 14, 59], [24, 38, 74], [28, 67, 98], [32, 107, 122], [35, 148, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #140E3B, #18264A, #1C4362, #206B7A, #239488 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: #140e3b; --color-2: #18264a; --color-3: #1c4362; --color-4: #206b7a; --color-5: #239488. 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