← Back to Editor

#110D16 · #2B285A · #115F74 · #3E9482 · #8DC494

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#110D16

Deep Indigo · Black · Dark Purple

HEX
#110D16
RGB
rgb(17, 13, 22)
HSL
hsl(267, 26%, 7%)
HSB
hsb(267, 41%, 9%)
CMYK
cmyk(23%, 41%, 0%, 91%)
Oklch
oklch(16.9% 0.019 304.7)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#2B285A

Deep Indigo · MidnightBlue · Prussian Blue

HEX
#2B285A
RGB
rgb(43, 40, 90)
HSL
hsl(244, 38%, 25%)
HSB
hsb(244, 56%, 35%)
CMYK
cmyk(52%, 56%, 0%, 65%)
Oklch
oklch(30.9% 0.087 282.8)

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

#115F74

Lake Blue · Teal · Mint Ice

HEX
#115F74
RGB
rgb(17, 95, 116)
HSL
hsl(193, 74%, 26%)
HSB
hsb(193, 85%, 45%)
CMYK
cmyk(85%, 18%, 0%, 55%)
Oklch
oklch(45.1% 0.077 221.3)

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

#3E9482

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#3E9482
RGB
rgb(62, 148, 130)
HSL
hsl(167, 41%, 41%)
HSB
hsb(167, 58%, 58%)
CMYK
cmyk(58%, 0%, 12%, 42%)
Oklch
oklch(60.9% 0.088 177.2)

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

#8DC494

Celadon · DarkSeaGreen · Apple Green

HEX
#8DC494
RGB
rgb(141, 196, 148)
HSL
hsl(128, 32%, 66%)
HSB
hsb(128, 28%, 77%)
CMYK
cmyk(28%, 0%, 24%, 23%)
Oklch
oklch(76.9% 0.089 148.0)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

110D16
12160D

Analogous

0D0E16
110D16
160D16

Triadic

110D16
16110D
0D1611

Split-Comp.

110D16
16160D
0E160D

Tetradic

110D16
160D0E
12160D
0D1616

Contrast Matrix WCAG 2.1 Contrast

110D16
2B285A
115F74
3E9482
8DC494
—
1.4
Fail
2.7
Fail
5.3
AA
9.6
AAA
1.4
Fail
—
1.9
Fail
3.7
AA Large
6.7
AA
2.7
Fail
1.9
Fail
—
2.0
Fail
3.6
AA Large
5.3
AA
3.7
AA Large
2.0
Fail
—
1.8
Fail
9.6
AAA
6.7
AA
3.6
AA Large
1.8
Fail
—
White BG
19.2AAA
13.5AAA
7.2AAA
3.6AA Large
2.0Fail
Black BG
1.1Fail
1.6Fail
2.9Fail
5.8AA
10.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

0F0F14
2A2A4E
33336F
636486
A5A5A0

Deuteranopia

101013
2A2A4B
2E286E
5E5887
A29EA2

Tritanopia

111212
2B4442
156B6A
428A8B
90A9AB

Achromatopsia

0F0F0F
2F2F2F
4A4A4A
787878
AEAEAE

Shades & Tints Shades & Tints

#110D16

Dark
Light

#2B285A

Dark
Light

#115F74

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #110d16;
  --color-2: #2b285a;
  --color-3: #115f74;
  --color-4: #3e9482;
  --color-5: #8dc494;
}

SCSS

$color-1: #110d16;
$color-2: #2b285a;
$color-3: #115f74;
$color-4: #3e9482;
$color-5: #8dc494;

TAILWIND

colors: {
  'brand-1': '#110d16',
  'brand-2': '#2b285a',
  'brand-3': '#115f74',
  'brand-4': '#3e9482',
  'brand-5': '#8dc494',
}

RGB Array

[17, 13, 22], [43, 40, 90], [17, 95, 116], [62, 148, 130], [141, 196, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #110D16, #2B285A, #115F74, #3E9482, #8DC494 is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #110d16; --color-2: #2b285a; --color-3: #115f74; --color-4: #3e9482; --color-5: #8dc494. 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 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