← Back to Editor

#2E2224 · #4888C8 · #65C2B7 · #AEE89E · #FAF08E

A 5-color palette 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

#2E2224

Crimson · DarkSlateGray · Deep Berry

HEX
#2E2224
RGB
rgb(46, 34, 36)
HSL
hsl(350, 15%, 16%)
HSB
hsb(350, 26%, 18%)
CMYK
cmyk(0%, 26%, 22%, 82%)
Oklch
oklch(26.7% 0.019 7.2)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#4888C8

Azure · SteelBlue · Navy Blue

HEX
#4888C8
RGB
rgb(72, 136, 200)
HSL
hsl(210, 54%, 53%)
HSB
hsb(210, 64%, 78%)
CMYK
cmyk(64%, 32%, 0%, 22%)
Oklch
oklch(61.3% 0.118 250.3)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

#65C2B7

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#65C2B7
RGB
rgb(101, 194, 183)
HSL
hsl(173, 43%, 58%)
HSB
hsb(173, 48%, 76%)
CMYK
cmyk(48%, 0%, 6%, 24%)
Oklch
oklch(75.4% 0.091 185.4)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#AEE89E

Emerald · LightGreen · Apple Green

HEX
#AEE89E
RGB
rgb(174, 232, 158)
HSL
hsl(107, 62%, 76%)
HSB
hsb(107, 32%, 91%)
CMYK
cmyk(25%, 0%, 32%, 9%)
Oklch
oklch(87.3% 0.116 139.0)

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

#FAF08E

Fresh Green · Khaki · Lemon Cream

HEX
#FAF08E
RGB
rgb(250, 240, 142)
HSL
hsl(54, 92%, 77%)
HSB
hsb(54, 43%, 98%)
CMYK
cmyk(0%, 4%, 43%, 2%)
Oklch
oklch(94.2% 0.120 103.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2E2224
232F2D

Analogous

2F232B
2E2224
2F2723

Triadic

2E2224
252F23
23252F

Split-Comp.

2E2224
232F27
232B2F

Tetradic

2E2224
2B2F23
232F2D
27232F

Contrast Matrix WCAG 2.1 Contrast

2E2224
4888C8
65C2B7
AEE89E
FAF08E
—
4.1
AA Large
7.3
AAA
10.8
AAA
13.1
AAA
4.1
AA Large
—
1.8
Fail
2.6
Fail
3.2
AA Large
7.3
AAA
1.8
Fail
—
1.5
Fail
1.8
Fail
10.8
AAA
2.6
Fail
1.5
Fail
—
1.2
Fail
13.1
AAA
3.2
AA Large
1.8
Fail
1.2
Fail
—
White BG
15.3AAA
3.7AA Large
2.1Fail
1.4Fail
1.2Fail
Black BG
1.4Fail
5.6AA
10.0AAA
14.8AAA
17.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

292924
6464B9
8D8EBA
C7C8B0
F6F6A6

Deuteranopia

2A2A23
605BB5
8881BA
C4BFB4
F6F7AB

Tritanopia

2D2323
4BACAA
6ABCBC
B1BEC1
FAB8BD

Achromatopsia

262626
7C7C7C
A5A5A5
CECECE
E8E8E8

Shades & Tints Shades & Tints

#2E2224

Dark
Light

#4888C8

Dark
Light

#65C2B7

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2e2224;
  --color-2: #4888c8;
  --color-3: #65c2b7;
  --color-4: #aee89e;
  --color-5: #faf08e;
}

SCSS

$color-1: #2e2224;
$color-2: #4888c8;
$color-3: #65c2b7;
$color-4: #aee89e;
$color-5: #faf08e;

TAILWIND

colors: {
  'brand-1': '#2e2224',
  'brand-2': '#4888c8',
  'brand-3': '#65c2b7',
  'brand-4': '#aee89e',
  'brand-5': '#faf08e',
}

RGB Array

[46, 34, 36], [72, 136, 200], [101, 194, 183], [174, 232, 158], [250, 240, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2E2224, #4888C8, #65C2B7, #AEE89E, #FAF08E is ideal for: 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: #2e2224; --color-2: #4888c8; --color-3: #65c2b7; --color-4: #aee89e; --color-5: #faf08e. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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