← Back to Editor

#FF0392 · #05CBE6 · #C7EB15 · #ED3700 · #000000

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustrationData Visualization

Color Details Color Details

#FF0392

Rose Purple · DeepPink · Rose Pink

HEX
#FF0392
RGB
rgb(255, 3, 146)
HSL
hsl(326, 100%, 51%)
HSB
hsb(326, 99%, 100%)
CMYK
cmyk(0%, 99%, 43%, 0%)
Oklch
oklch(65.1% 0.265 356.9)

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

#05CBE6

Lake Blue · DarkTurquoise · Mint Ice

HEX
#05CBE6
RGB
rgb(5, 203, 230)
HSL
hsl(187, 96%, 46%)
HSB
hsb(187, 98%, 90%)
CMYK
cmyk(98%, 12%, 0%, 10%)
Oklch
oklch(77.3% 0.134 211.6)

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

#C7EB15

Grass Green · GreenYellow · Olive Green

HEX
#C7EB15
RGB
rgb(199, 235, 21)
HSL
hsl(70, 84%, 50%)
HSB
hsb(70, 91%, 92%)
CMYK
cmyk(15%, 0%, 91%, 8%)
Oklch
oklch(88.3% 0.207 120.4)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#ED3700

Vermilion · OrangeRed · Passion Red

HEX
#ED3700
RGB
rgb(237, 55, 0)
HSL
hsl(14, 100%, 46%)
HSB
hsb(14, 100%, 93%)
CMYK
cmyk(0%, 77%, 100%, 7%)
Oklch
oklch(61.8% 0.223 33.9)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0392
05FF71

Analogous

EE05FF
FF0392
FF0516

Triadic

FF0392
93FF05
0593FF

Split-Comp.

FF0392
16FF05
05FFEE

Tetradic

FF0392
FFEE05
05FF71
0516FF

Contrast Matrix WCAG 2.1 Contrast

FF0392
05CBE6
C7EB15
ED3700
000000
—
1.9
Fail
2.7
Fail
1.1
Fail
5.7
AA
1.9
Fail
—
1.4
Fail
2.1
Fail
10.7
AAA
2.7
Fail
1.4
Fail
—
3.0
Fail
15.3
AAA
1.1
Fail
2.1
Fail
3.0
Fail
—
5.1
AA
5.7
AA
10.7
AAA
15.3
AAA
5.1
AA
—
White BG
3.7AA Large
2.0Fail
1.4Fail
4.1AA Large
21.0AAA
Black BG
5.7AA
10.7AAA
15.3AAA
5.1AA
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

92906F
5B5DDF
D7D749
9E9D0D
000000

Deuteranopia

A1B367
4F40DE
D5D255
A9B611
000000

Tritanopia

F2544E
0FDAD9
C9727B
E4181A
000000

Achromatopsia

5F5F5F
939393
C8C8C8
676767
000000

Shades & Tints Shades & Tints

#FF0392

Dark
Light

#05CBE6

Dark
Light

#C7EB15

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0392;
  --color-2: #05cbe6;
  --color-3: #c7eb15;
  --color-4: #ed3700;
  --color-5: #000000;
}

SCSS

$color-1: #ff0392;
$color-2: #05cbe6;
$color-3: #c7eb15;
$color-4: #ed3700;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#ff0392',
  'brand-2': '#05cbe6',
  'brand-3': '#c7eb15',
  'brand-4': '#ed3700',
  'brand-5': '#000000',
}

RGB Array

[255, 3, 146], [5, 203, 230], [199, 235, 21], [237, 55, 0], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FF0392, #05CBE6, #C7EB15, #ED3700, #000000 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #ff0392; --color-2: #05cbe6; --color-3: #c7eb15; --color-4: #ed3700; --color-5: #000000. 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 pastel-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