← Back to Editor

#0ED4C6 · #9EE0D5 · #DFC590 · #EC6821 · #1D1B2A

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

#0ED4C6

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#0ED4C6
RGB
rgb(14, 212, 198)
HSL
hsl(176, 88%, 44%)
HSB
hsb(176, 93%, 83%)
CMYK
cmyk(93%, 0%, 7%, 17%)
Oklch
oklch(78.4% 0.136 186.4)

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

#9EE0D5

Jade · LightBlue · Lake Green

HEX
#9EE0D5
RGB
rgb(158, 224, 213)
HSL
hsl(170, 52%, 75%)
HSB
hsb(170, 29%, 88%)
CMYK
cmyk(29%, 0%, 5%, 12%)
Oklch
oklch(85.9% 0.068 183.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#DFC590

Goose Yellow · BurlyWood · Sunflower

HEX
#DFC590
RGB
rgb(223, 197, 144)
HSL
hsl(40, 55%, 72%)
HSB
hsb(40, 35%, 87%)
CMYK
cmyk(0%, 12%, 35%, 13%)
Oklch
oklch(83.3% 0.075 84.7)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#EC6821

Tangerine · Chocolate · Warm Sun

HEX
#EC6821
RGB
rgb(236, 104, 33)
HSL
hsl(21, 84%, 53%)
HSB
hsb(21, 86%, 93%)
CMYK
cmyk(0%, 56%, 86%, 7%)
Oklch
oklch(67.1% 0.181 44.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#1D1B2A

Deep Indigo · Black · Deep Sea Blue

HEX
#1D1B2A
RGB
rgb(29, 27, 42)
HSL
hsl(248, 22%, 14%)
HSB
hsb(248, 36%, 16%)
CMYK
cmyk(31%, 36%, 0%, 84%)
Oklch
oklch(23.2% 0.029 290.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

0ED4C6
D30D1B

Analogous

0DD363
0ED4C6
0D7DD3

Triadic

0ED4C6
C60DD3
D3C60D

Split-Comp.

0ED4C6
D30D7D
D3630D

Tetradic

0ED4C6
630DD3
D30D1B
7DD30D

Contrast Matrix WCAG 2.1 Contrast

0ED4C6
9EE0D5
DFC590
EC6821
1D1B2A
—
1.3
Fail
1.1
Fail
1.7
Fail
9.1
AAA
1.3
Fail
—
1.1
Fail
2.1
Fail
11.3
AAA
1.1
Fail
1.1
Fail
—
1.9
Fail
10.1
AAA
1.7
Fail
2.1
Fail
1.9
Fail
—
5.3
AA
9.1
AAA
11.3
AAA
10.1
AAA
5.3
AA
—
White BG
1.9Fail
1.5Fail
1.7Fail
3.2AA Large
16.9AAA
Black BG
11.3AAA
14.1AAA
12.5AAA
6.6AA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6466C9
BBBBD8
D4D49D
B3B232
1C1C26

Deuteranopia

5849CA
B7B2D8
D5D7A0
BBC436
1C1C26

Tritanopia

18CCCD
A1DADA
DEA7A9
E54043
1D2423

Achromatopsia

979797
CBCBCB
C7C7C7
878787
1D1D1D

Shades & Tints Shades & Tints

#0ED4C6

Dark
Light

#9EE0D5

Dark
Light

#DFC590

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #0ed4c6;
  --color-2: #9ee0d5;
  --color-3: #dfc590;
  --color-4: #ec6821;
  --color-5: #1d1b2a;
}

SCSS

$color-1: #0ed4c6;
$color-2: #9ee0d5;
$color-3: #dfc590;
$color-4: #ec6821;
$color-5: #1d1b2a;

TAILWIND

colors: {
  'brand-1': '#0ed4c6',
  'brand-2': '#9ee0d5',
  'brand-3': '#dfc590',
  'brand-4': '#ec6821',
  'brand-5': '#1d1b2a',
}

RGB Array

[14, 212, 198], [158, 224, 213], [223, 197, 144], [236, 104, 33], [29, 27, 42]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #0ED4C6, #9EE0D5, #DFC590, #EC6821, #1D1B2A 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: #0ed4c6; --color-2: #9ee0d5; --color-3: #dfc590; --color-4: #ec6821; --color-5: #1d1b2a. 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