← Back to Editor

#2A063B · #06010D · #F4F4EE · #090908 · #C8EF76

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

#2A063B

Royal Purple · MidnightBlue · Dark Purple

HEX
#2A063B
RGB
rgb(42, 6, 59)
HSL
hsl(281, 82%, 13%)
HSB
hsb(281, 90%, 23%)
CMYK
cmyk(29%, 90%, 0%, 77%)
Oklch
oklch(22.4% 0.097 312.0)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#06010D

Deep Indigo · Black · Dark Purple

HEX
#06010D
RGB
rgb(6, 1, 13)
HSL
hsl(265, 86%, 3%)
HSB
hsb(265, 92%, 5%)
CMYK
cmyk(54%, 92%, 0%, 95%)
Oklch
oklch(10.1% 0.040 306.7)

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

#F4F4EE

Fresh Green · Linen · Lemon Cream

HEX
#F4F4EE
RGB
rgb(244, 244, 238)
HSL
hsl(60, 21%, 95%)
HSB
hsb(60, 2%, 96%)
CMYK
cmyk(0%, 0%, 2%, 4%)
Oklch
oklch(96.5% 0.008 106.5)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#090908

Ink Black · Black · Jet Black

HEX
#090908
RGB
rgb(9, 9, 8)
HSL
hsl(60, 6%, 3%)
HSB
hsb(60, 11%, 4%)
CMYK
cmyk(0%, 0%, 11%, 96%)
Oklch
oklch(13.9% 0.002 106.7)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

#C8EF76

Willow Green · Khaki · Apple Green

HEX
#C8EF76
RGB
rgb(200, 239, 118)
HSL
hsl(79, 79%, 70%)
HSB
hsb(79, 51%, 94%)
CMYK
cmyk(16%, 0%, 51%, 6%)
Oklch
oklch(89.9% 0.155 124.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A063B
173C06

Analogous

10063C
2A063B
3C0632

Triadic

2A063B
3C2B06
063C2B

Split-Comp.

2A063B
323C06
063C10

Tetradic

2A063B
3C1006
173C06
06323C

Contrast Matrix WCAG 2.1 Contrast

2A063B
06010D
F4F4EE
090908
C8EF76
—
1.2
Fail
16.0
AAA
1.1
Fail
13.5
AAA
1.2
Fail
—
18.7
AAA
1.0
Fail
15.8
AAA
16.0
AAA
18.7
AAA
—
18.0
AAA
1.2
Fail
1.1
Fail
1.0
Fail
18.0
AAA
—
15.2
AAA
13.5
AAA
15.8
AAA
1.2
Fail
15.2
AAA
—
White BG
17.7AAA
20.6AAA
1.1Fail
19.9AAA
1.3Fail
Black BG
1.2Fail
1.0Fail
19.0AAA
1.1Fail
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1A1A2E
04040A
F4F4EF
090908
D9D993

Deuteranopia

1D1F2B
040409
F4F4F0
090908
D7D49A

Tritanopia

282422
060807
F4F1F1
090808
CAAAAF

Achromatopsia

171717
040404
F3F3F3
090909
D6D6D6

Shades & Tints Shades & Tints

#2A063B

Dark
Light

#06010D

Dark
Light

#F4F4EE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a063b;
  --color-2: #06010d;
  --color-3: #f4f4ee;
  --color-4: #090908;
  --color-5: #c8ef76;
}

SCSS

$color-1: #2a063b;
$color-2: #06010d;
$color-3: #f4f4ee;
$color-4: #090908;
$color-5: #c8ef76;

TAILWIND

colors: {
  'brand-1': '#2a063b',
  'brand-2': '#06010d',
  'brand-3': '#f4f4ee',
  'brand-4': '#090908',
  'brand-5': '#c8ef76',
}

RGB Array

[42, 6, 59], [6, 1, 13], [244, 244, 238], [9, 9, 8], [200, 239, 118]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A063B, #06010D, #F4F4EE, #090908, #C8EF76 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: #2a063b; --color-2: #06010d; --color-3: #f4f4ee; --color-4: #090908; --color-5: #c8ef76. 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