← Back to Editor

#A1EFE1 · #C6EFD1 · #F3EF6A · #F49A2A · #F53510

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

#A1EFE1

Jade · LightBlue · Glacier Blue

HEX
#A1EFE1
RGB
rgb(161, 239, 225)
HSL
hsl(169, 71%, 78%)
HSB
hsb(169, 33%, 94%)
CMYK
cmyk(33%, 0%, 6%, 6%)
Oklch
oklch(89.8% 0.079 182.0)

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

#C6EFD1

Emerald · LightGray · Mint Green

HEX
#C6EFD1
RGB
rgb(198, 239, 209)
HSL
hsl(136, 56%, 86%)
HSB
hsb(136, 17%, 94%)
CMYK
cmyk(17%, 0%, 13%, 6%)
Oklch
oklch(91.5% 0.059 153.4)

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

#F3EF6A

Fresh Green · Khaki · Sunflower

HEX
#F3EF6A
RGB
rgb(243, 239, 106)
HSL
hsl(58, 85%, 68%)
HSB
hsb(58, 56%, 95%)
CMYK
cmyk(0%, 2%, 56%, 5%)
Oklch
oklch(93.0% 0.154 107.4)

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

#F49A2A

Ginger · GoldenRod · Warm Sun

HEX
#F49A2A
RGB
rgb(244, 154, 42)
HSL
hsl(33, 90%, 56%)
HSB
hsb(33, 83%, 96%)
CMYK
cmyk(0%, 37%, 83%, 4%)
Oklch
oklch(76.1% 0.157 65.7)

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

#F53510

Vermilion · OrangeRed · Passion Red

HEX
#F53510
RGB
rgb(245, 53, 16)
HSL
hsl(10, 92%, 51%)
HSB
hsb(10, 93%, 96%)
CMYK
cmyk(0%, 78%, 93%, 4%)
Oklch
oklch(63.1% 0.230 32.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A1EFE1
EF9FAE

Analogous

9FEFB8
A1EFE1
9FD6EF

Triadic

A1EFE1
E09FEF
EFE09F

Split-Comp.

A1EFE1
EF9FD6
EFB89F

Tetradic

A1EFE1
B89FEF
EF9FAE
D6EF9F

Contrast Matrix WCAG 2.1 Contrast

A1EFE1
C6EFD1
F3EF6A
F49A2A
F53510
—
1.0
Fail
1.1
Fail
1.7
Fail
3.0
Fail
1.0
Fail
—
1.0
Fail
1.8
Fail
3.1
AA Large
1.1
Fail
1.0
Fail
—
1.8
Fail
3.2
AA Large
1.7
Fail
1.8
Fail
1.8
Fail
—
1.8
Fail
3.0
Fail
3.1
AA Large
3.2
AA Large
1.8
Fail
—
White BG
1.3Fail
1.3Fail
1.2Fail
2.2Fail
3.9AA Large
Black BG
15.9AAA
16.7AAA
17.4AAA
9.5AAA
5.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3E4
D8D8D8
F1F18A
CDCC45
A2A019

Deuteranopia

BEB8E5
D5D2DA
F2F292
D2D94C
ADBB1B

Tritanopia

A5E7E8
C8DEDF
F3A4A9
EF5A5F
EB2022

Achromatopsia

D6D6D6
DFDFDF
E1E1E1
A8A8A8
6A6A6A

Shades & Tints Shades & Tints

#A1EFE1

Dark
Light

#C6EFD1

Dark
Light

#F3EF6A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a1efe1;
  --color-2: #c6efd1;
  --color-3: #f3ef6a;
  --color-4: #f49a2a;
  --color-5: #f53510;
}

SCSS

$color-1: #a1efe1;
$color-2: #c6efd1;
$color-3: #f3ef6a;
$color-4: #f49a2a;
$color-5: #f53510;

TAILWIND

colors: {
  'brand-1': '#a1efe1',
  'brand-2': '#c6efd1',
  'brand-3': '#f3ef6a',
  'brand-4': '#f49a2a',
  'brand-5': '#f53510',
}

RGB Array

[161, 239, 225], [198, 239, 209], [243, 239, 106], [244, 154, 42], [245, 53, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A1EFE1, #C6EFD1, #F3EF6A, #F49A2A, #F53510 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: #a1efe1; --color-2: #c6efd1; --color-3: #f3ef6a; --color-4: #f49a2a; --color-5: #f53510. 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