← Back to Editor

#2C0923 · #9EEEF0 · #E6C8AA · #E0F8BD · #E55B5B

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#2C0923

Rose Purple · Black · Dark Purple

HEX
#2C0923
RGB
rgb(44, 9, 35)
HSL
hsl(315, 66%, 10%)
HSB
hsb(315, 80%, 17%)
CMYK
cmyk(0%, 80%, 20%, 83%)
Oklch
oklch(21.3% 0.068 339.4)

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

#9EEEF0

Sky Blue · LightBlue · Glacier Blue

HEX
#9EEEF0
RGB
rgb(158, 238, 240)
HSL
hsl(181, 73%, 78%)
HSB
hsb(181, 34%, 94%)
CMYK
cmyk(34%, 1%, 0%, 6%)
Oklch
oklch(89.8% 0.078 197.9)

Traditional「Sky Blue」· Paint「Glacier Blue」· Creative Arctic Pool

#E6C8AA

Goose Yellow · Wheat · Peach Orange

HEX
#E6C8AA
RGB
rgb(230, 200, 170)
HSL
hsl(30, 55%, 78%)
HSB
hsb(30, 26%, 90%)
CMYK
cmyk(0%, 13%, 26%, 10%)
Oklch
oklch(85.1% 0.053 67.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E0F8BD

Willow Green · Wheat · Mint Green

HEX
#E0F8BD
RGB
rgb(224, 248, 189)
HSL
hsl(84, 81%, 86%)
HSB
hsb(84, 24%, 97%)
CMYK
cmyk(10%, 0%, 24%, 3%)
Oklch
oklch(94.7% 0.081 125.9)

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

#E55B5B

Peach Pink · Tomato · Coral Red

HEX
#E55B5B
RGB
rgb(229, 91, 91)
HSL
hsl(0, 73%, 63%)
HSB
hsb(0, 60%, 90%)
CMYK
cmyk(0%, 60%, 60%, 10%)
Oklch
oklch(65.0% 0.172 23.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2C0923
092A11

Analogous

22092A
2C0923
2A0911

Triadic

2C0923
222A09
09222A

Split-Comp.

2C0923
112A09
092A22

Tetradic

2C0923
2A2209
092A11
09112A

Contrast Matrix WCAG 2.1 Contrast

2C0923
9EEEF0
E6C8AA
E0F8BD
E55B5B
—
13.6
AAA
11.3
AAA
15.7
AAA
5.1
AA
13.6
AAA
—
1.2
Fail
1.1
Fail
2.7
Fail
11.3
AAA
1.2
Fail
—
1.4
Fail
2.2
Fail
15.7
AAA
1.1
Fail
1.4
Fail
—
3.1
AA Large
5.1
AA
2.7
Fail
2.2
Fail
3.1
AA Large
—
White BG
17.9AAA
1.3Fail
1.6Fail
1.1Fail
3.5AA Large
Black BG
1.2Fail
15.9AAA
13.2AAA
18.3AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1D1D1D
C1C1F0
D9D9B1
EAEBCB
A9A85B

Deuteranopia

1F221B
BCB6EF
DBDDB3
E9E7CF
B1BC5B

Tritanopia

2A1817
A2EFEF
E5B7B8
E1D7D9
DE5B5B

Achromatopsia

161616
D6D6D6
CECECE
EAEAEA
848484

Shades & Tints Shades & Tints

#2C0923

Dark
Light

#9EEEF0

Dark
Light

#E6C8AA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2c0923;
  --color-2: #9eeef0;
  --color-3: #e6c8aa;
  --color-4: #e0f8bd;
  --color-5: #e55b5b;
}

SCSS

$color-1: #2c0923;
$color-2: #9eeef0;
$color-3: #e6c8aa;
$color-4: #e0f8bd;
$color-5: #e55b5b;

TAILWIND

colors: {
  'brand-1': '#2c0923',
  'brand-2': '#9eeef0',
  'brand-3': '#e6c8aa',
  'brand-4': '#e0f8bd',
  'brand-5': '#e55b5b',
}

RGB Array

[44, 9, 35], [158, 238, 240], [230, 200, 170], [224, 248, 189], [229, 91, 91]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2C0923, #9EEEF0, #E6C8AA, #E0F8BD, #E55B5B is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #2c0923; --color-2: #9eeef0; --color-3: #e6c8aa; --color-4: #e0f8bd; --color-5: #e55b5b. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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