← Back to Editor

#13243E · #2A7F7A · #E3AF41 · #BF3360 · #721D58

dark

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#13243E

Indigo · MidnightBlue · Deep Sea Blue

HEX
#13243E
RGB
rgb(19, 36, 62)
HSL
hsl(216, 53%, 16%)
HSB
hsb(216, 69%, 24%)
CMYK
cmyk(69%, 42%, 0%, 76%)
Oklch
oklch(26.0% 0.054 258.6)

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

#2A7F7A

Mineral Blue · SeaGreen · Mint Ice

HEX
#2A7F7A
RGB
rgb(42, 127, 122)
HSL
hsl(176, 50%, 33%)
HSB
hsb(176, 67%, 50%)
CMYK
cmyk(67%, 0%, 4%, 50%)
Oklch
oklch(54.5% 0.080 189.5)

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

#E3AF41

Ginger · GoldenRod · Sunflower

HEX
#E3AF41
RGB
rgb(227, 175, 65)
HSL
hsl(41, 74%, 57%)
HSB
hsb(41, 71%, 89%)
CMYK
cmyk(0%, 23%, 71%, 11%)
Oklch
oklch(78.3% 0.137 82.6)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#BF3360

Dark Violet · MediumVioletRed · Camellia

HEX
#BF3360
RGB
rgb(191, 51, 96)
HSL
hsl(341, 58%, 47%)
HSB
hsb(341, 73%, 75%)
CMYK
cmyk(0%, 73%, 50%, 25%)
Oklch
oklch(54.6% 0.178 6.2)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#721D58

Rose Purple · Purple · Eggplant

HEX
#721D58
RGB
rgb(114, 29, 88)
HSL
hsl(318, 59%, 28%)
HSB
hsb(318, 75%, 45%)
CMYK
cmyk(0%, 75%, 23%, 55%)
Oklch
oklch(39.0% 0.135 342.7)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

13243E
3E2D13

Analogous

133A3E
13243E
18133E

Triadic

13243E
3E1324
243E13

Split-Comp.

13243E
3E1813
3A3E13

Tetradic

13243E
3E133A
3E2D13
133E18

Contrast Matrix WCAG 2.1 Contrast

13243E
2A7F7A
E3AF41
BF3360
721D58
—
3.3
AA Large
7.8
AAA
2.9
Fail
1.5
Fail
3.3
AA Large
—
2.4
Fail
1.1
Fail
2.2
Fail
7.8
AAA
2.4
Fail
—
2.7
Fail
5.2
AA
2.9
Fail
1.1
Fail
2.7
Fail
—
1.9
Fail
1.5
Fail
2.2
Fail
5.2
AA
1.9
Fail
—
White BG
15.6AAA
4.8AA
2.0Fail
5.4AA
10.3AAA
Black BG
1.3Fail
4.4AA Large
10.5AAA
3.9AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1B38
4F507B
CCCC5C
828155
4D4C4A

Deuteranopia

191836
4A447C
D0D362
8B9552
525946

Tritanopia

143332
2E7C7C
E07175
B84D4B
6E3E3C

Achromatopsia

222222
656565
B2B2B2
626262
3D3D3D

Shades & Tints Shades & Tints

#13243E

Dark
Light

#2A7F7A

Dark
Light

#E3AF41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #13243e;
  --color-2: #2a7f7a;
  --color-3: #e3af41;
  --color-4: #bf3360;
  --color-5: #721d58;
}

SCSS

$color-1: #13243e;
$color-2: #2a7f7a;
$color-3: #e3af41;
$color-4: #bf3360;
$color-5: #721d58;

TAILWIND

colors: {
  'brand-1': '#13243e',
  'brand-2': '#2a7f7a',
  'brand-3': '#e3af41',
  'brand-4': '#bf3360',
  'brand-5': '#721d58',
}

RGB Array

[19, 36, 62], [42, 127, 122], [227, 175, 65], [191, 51, 96], [114, 29, 88]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This dark-style palette of #13243E, #2A7F7A, #E3AF41, #BF3360, #721D58 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: #13243e; --color-2: #2a7f7a; --color-3: #e3af41; --color-4: #bf3360; --color-5: #721d58. 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 dark-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