← Back to Editor

#FF0505 · #FF6A00 · #FAEA82 · #C9FA9D · #ACE2F2

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 App

Color Details Color Details

#FF0505

Vermilion · Red · Passion Red

HEX
#FF0505
RGB
rgb(255, 5, 5)
HSL
hsl(0, 100%, 51%)
HSB
hsb(0, 98%, 100%)
CMYK
cmyk(0%, 98%, 98%, 0%)
Oklch
oklch(62.9% 0.257 29.1)

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

#FF6A00

Tangerine · OrangeRed · Amber Brown

HEX
#FF6A00
RGB
rgb(255, 106, 0)
HSL
hsl(25, 100%, 50%)
HSB
hsb(25, 100%, 100%)
CMYK
cmyk(0%, 58%, 100%, 0%)
Oklch
oklch(70.1% 0.201 44.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#FAEA82

Fresh Green · Khaki · Sunflower

HEX
#FAEA82
RGB
rgb(250, 234, 130)
HSL
hsl(52, 92%, 75%)
HSB
hsb(52, 48%, 98%)
CMYK
cmyk(0%, 6%, 48%, 2%)
Oklch
oklch(92.9% 0.126 100.7)

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

#C9FA9D

Emerald · Khaki · Apple Green

HEX
#C9FA9D
RGB
rgb(201, 250, 157)
HSL
hsl(92, 90%, 80%)
HSB
hsb(92, 37%, 98%)
CMYK
cmyk(20%, 0%, 37%, 2%)
Oklch
oklch(93.0% 0.130 131.1)

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

#ACE2F2

Sky Blue · LightBlue · Glacier Blue

HEX
#ACE2F2
RGB
rgb(172, 226, 242)
HSL
hsl(194, 73%, 81%)
HSB
hsb(194, 29%, 95%)
CMYK
cmyk(29%, 7%, 0%, 5%)
Oklch
oklch(88.1% 0.059 217.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0505
05FFFF

Analogous

FF0582
FF0505
FF8205

Triadic

FF0505
05FF05
0505FF

Split-Comp.

FF0505
05FF82
0582FF

Tetradic

FF0505
82FF05
05FFFF
8205FF

Contrast Matrix WCAG 2.1 Contrast

FF0505
FF6A00
FAEA82
C9FA9D
ACE2F2
—
1.4
Fail
3.3
AA Large
3.3
AA Large
2.8
Fail
1.4
Fail
—
2.3
Fail
2.4
Fail
2.0
Fail
3.3
AA Large
2.3
Fail
—
1.0
Fail
1.2
Fail
3.3
AA Large
2.4
Fail
1.0
Fail
—
1.2
Fail
2.8
Fail
2.0
Fail
1.2
Fail
1.2
Fail
—
White BG
4.0AA Large
2.9Fail
1.2Fail
1.2Fail
1.4Fail
Black BG
5.3AA
7.3AAA
17.2AAA
17.6AAA
14.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

939105
BEBD1A
F3F39B
DEDFB4
C3C4EE

Deuteranopia

A1B405
C7D220
F4F5A1
DBD8B9
C0BCED

Tritanopia

F30505
F82E32
F9AFB3
CBC5C9
AFEBEA

Achromatopsia

505050
8A8A8A
E3E3E3
E1E1E1
D4D4D4

Shades & Tints Shades & Tints

#FF0505

Dark
Light

#FF6A00

Dark
Light

#FAEA82

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0505;
  --color-2: #ff6a00;
  --color-3: #faea82;
  --color-4: #c9fa9d;
  --color-5: #ace2f2;
}

SCSS

$color-1: #ff0505;
$color-2: #ff6a00;
$color-3: #faea82;
$color-4: #c9fa9d;
$color-5: #ace2f2;

TAILWIND

colors: {
  'brand-1': '#ff0505',
  'brand-2': '#ff6a00',
  'brand-3': '#faea82',
  'brand-4': '#c9fa9d',
  'brand-5': '#ace2f2',
}

RGB Array

[255, 5, 5], [255, 106, 0], [250, 234, 130], [201, 250, 157], [172, 226, 242]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF0505, #FF6A00, #FAEA82, #C9FA9D, #ACE2F2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. 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: #ff0505; --color-2: #ff6a00; --color-3: #faea82; --color-4: #c9fa9d; --color-5: #ace2f2. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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