← Back to Editor

#300A32 · #9EF348 · #05F1CA · #90FCF0 · #CEE8D5

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#300A32

Royal Purple · MidnightBlue · Dark Purple

HEX
#300A32
RGB
rgb(48, 10, 50)
HSL
hsl(297, 67%, 12%)
HSB
hsb(297, 80%, 20%)
CMYK
cmyk(4%, 80%, 0%, 80%)
Oklch
oklch(23.2% 0.084 325.8)

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

#9EF348

Emerald · GreenYellow · Apple Green

HEX
#9EF348
RGB
rgb(158, 243, 72)
HSL
hsl(90, 88%, 62%)
HSB
hsb(90, 70%, 95%)
CMYK
cmyk(35%, 0%, 70%, 5%)
Oklch
oklch(87.8% 0.215 132.5)

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

#05F1CA

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#05F1CA
RGB
rgb(5, 241, 202)
HSL
hsl(170, 96%, 48%)
HSB
hsb(170, 98%, 95%)
CMYK
cmyk(98%, 0%, 16%, 5%)
Oklch
oklch(85.6% 0.161 175.2)

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

#90FCF0

Jade · SkyBlue · Glacier Blue

HEX
#90FCF0
RGB
rgb(144, 252, 240)
HSL
hsl(173, 95%, 78%)
HSB
hsb(173, 43%, 99%)
CMYK
cmyk(43%, 0%, 5%, 1%)
Oklch
oklch(92.3% 0.102 186.4)

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

#CEE8D5

Celadon · LightGray · Mint Green

HEX
#CEE8D5
RGB
rgb(206, 232, 213)
HSL
hsl(136, 36%, 86%)
HSB
hsb(136, 11%, 91%)
CMYK
cmyk(11%, 0%, 8%, 9%)
Oklch
oklch(90.7% 0.038 153.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

300A32
0C330A

Analogous

1D0A33
300A32
330A21

Triadic

300A32
33310A
0A3331

Split-Comp.

300A32
21330A
0A331D

Tetradic

300A32
331D0A
0C330A
0A2133

Contrast Matrix WCAG 2.1 Contrast

300A32
9EF348
05F1CA
90FCF0
CEE8D5
—
12.6
AAA
11.9
AAA
14.3
AAA
13.3
AAA
12.6
AAA
—
1.1
Fail
1.1
Fail
1.0
Fail
11.9
AAA
1.1
Fail
—
1.2
Fail
1.1
Fail
14.3
AAA
1.1
Fail
1.2
Fail
—
1.1
Fail
13.3
AAA
1.0
Fail
1.1
Fail
1.1
Fail
—
White BG
17.3AAA
1.4Fail
1.5Fail
1.2Fail
1.3Fail
Black BG
1.2Fail
15.4AAA
14.4AAA
17.4AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

201F28
C3C471
6B6DD3
BFC0F3
D9D9DA

Deuteranopia

222526
BEB87B
5E4CD6
B9B0F4
D8D6DB

Tritanopia

2E211F
A29299
11DBDD
95F5F6
CFDDDE

Achromatopsia

1A1A1A
C6C6C6
A6A6A6
DADADA
DEDEDE

Shades & Tints Shades & Tints

#300A32

Dark
Light

#9EF348

Dark
Light

#05F1CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #300a32;
  --color-2: #9ef348;
  --color-3: #05f1ca;
  --color-4: #90fcf0;
  --color-5: #cee8d5;
}

SCSS

$color-1: #300a32;
$color-2: #9ef348;
$color-3: #05f1ca;
$color-4: #90fcf0;
$color-5: #cee8d5;

TAILWIND

colors: {
  'brand-1': '#300a32',
  'brand-2': '#9ef348',
  'brand-3': '#05f1ca',
  'brand-4': '#90fcf0',
  'brand-5': '#cee8d5',
}

RGB Array

[48, 10, 50], [158, 243, 72], [5, 241, 202], [144, 252, 240], [206, 232, 213]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #300A32, #9EF348, #05F1CA, #90FCF0, #CEE8D5 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: #300a32; --color-2: #9ef348; --color-3: #05f1ca; --color-4: #90fcf0; --color-5: #cee8d5. 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